其他分享
首页 > 其他分享> > jQuery常见代码

jQuery常见代码

作者:互联网

jQuery常见代码

绑定文档加载完成的监听,文档:核心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() {

})

 

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

标签:jQuery,console,log,代码,常见,buttons,文档,------
来源: https://www.cnblogs.com/yin-jie/p/14780470.html