jQuery的核心函数
理解
简称:jQuery函数($/jQuery)
得到jQuery函数:引入jQuery库后,直接使用$即可
它既可作为一般函数调用,且传递的参数类型不同/格式不同功能就完全不同,也可作为对象调用其定义好的方法, 此时$就是一个工具对象。
(1)参数为函数:当DOM加载完成后,执行此回调函数
(2)参数为选择器字符串:查找所有匹配的标签,并将它们封装为jQuery对象
(3)参数为DOM对象:将dom对象封装成jQuery对象
(4)参数为html标签字符串(用得少):创建标签对象并封装成jQuery对象
作为对象使用:$.xxx()(详查文档)
(1)$.each():遍历数组
(2)$.trim():去除字符串两端的空格
jQuery的核心对象
理解
简称:jQuery对象
得到jQuery对象:执行jQuery函数返回的就是jQuery对象
命名:jQuery对象变量名前加一个$,表明它是一个jQuery对象
jQuery对象是一个包含所有匹配的任意多个DOM元素的伪数组对象(可能只有一个元素)
jQuery对象拥有很多有用的属性和方法, 让程序员能方便的操作DOM
今日所用到的方法属性
绑定文档加载完成的监听,文档:核心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())补充:伪数组
1.Object对象
2.有Length属性
3.有数值下标属性
4.没有数组的特别方法
学识浅薄,如有错误,恳请斧正,在下不胜感激。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。