jQuery常见代码

2022-06-15 10:30:49

绑定文档加载完成的监听，文档：核心API------>jQuery()------>jQuery(callback)

$(function() {
})

按照id 查找元素，文档：核心API------>jQuery()------>jQuery( selector [, context ] )

$("#id")

绑定点击事件监听，文档：事件------>鼠标事件------>.click()

$("#id").click(function() {
}）

文本框的值，文档：表单------>.val()

$("#username").val()

将html标签添加至元素末尾，文档：核心API------>jQuery()------>jQuery( html [, ownerDocument ] )

$(‘<br><input type="text" id="inp03">‘).appendTo("div")

遍历数组，文档：工具类------>jQuery.each()

$.each([2, 4, 7], function(i, n) {
　　console.log(i, n)
})

去除字段两端的空格，文档：工具类------>jQuery.trim()

console.log("------"+$.trim(" 我是尹杰 ")+"---------")

输出jQuery对象的长度即包含的DOM元素的个数，文档：jQuery 对象实例的属性------>.length

var $buttons = $("button")

console.log($buttons.length)

得到对应位置的DOM元素，文档：DOM元素方法------>.get()

console.log($buttons[1].innerHTML, $buttons.get(1).innerHTML)

遍历jQuery对象，文档：遍历------>.each()

$buttons.each(function(index, domElements) {

　　console.log(index, domElements.innerHTML)

})

$buttons.each(function() {

　　console.log(this.innerHTML)

})

得到当前元素在兄弟中的下标，文档：DOM元素方法------>.index()

console.log($("#btn3").index())

隐式遍历绑定事件

$("li").click(function() {

})

学识浅薄，如有错误，恳请斧正，在下不胜感激。

码农公寓