是一个js函数库,封装简化dom操作(增删改查、ajax)
强大的选择器,
隐式遍历(隐式迭代):一次操作多个元素
读写合一:读数据和写数据用的是一个函数/方法
事件处理
链式调用
DOM操作(增删改)
样式操作 : .css("属性名",“值”)
引入jQuery库:本地引入和远程引入(测试版和生产版本(压缩))
使用jQuery函数:$/jQuery
使用jQuery对象:$xxx(执行$()得到的)
1.jQuery核心函数
向外暴露的就是jquery函数,可以直接使用。
当成一般函数使用$(param):
- param=function--->window.onload = function(文档加载完成监听)
- param是选择器String,查找所有匹配的dom元素,返回所有包含DOM元素的jQuery对象
- param是Dom元素:将DOM元素包装为jQuery对象返回 $(this)
- param是标签String:创建标签DOM元素对象并包装为jQuery对象和返回
当成对象使用$.xxx
each(obj/arr,function(key,value){})遍历对象那个或者数组
2.jQuery对象(包含所有的匹配的n个Dom元素的伪数组对象)
执行$(),返回的计时jQuery对象
基本行为:
- length size :dom元素个数
- [index]:得到执行下标对用的元素
- each(function(index,domELe){}):遍历所有的dom元素
- index():得到当前dom元素在所有兄弟中的下标
选择器
有特定语法规则(css)的String,
分类:
基本选择器 :#id tagName .class 并集 交集
层次选择器:找子 兄 selector1>selector2 selector1 selector2
过滤选择器:在原有匹配元素中筛选出其中一些: :first :last :eg(index)--其中某一个 :not(selector)--不要这个 :lt :gt :odd :even :hidden :[attrName] :[attrName = value]
表单: :input :text :checkedbox radio checked(选中的)
属性:操作标签的属性,标签体文本
1. 操作任意属性
attr(name) attr(name,value) 读写非boolean标签属性
removeAttr()
prop() 同attr 操作boolean
2. 操作class属性
addClass(value)
removeClass(classvalue)
3. 操作HTML代码/文本/值
html()标签体文本
val() 读写标签的value