jquery概念
是js的一个类库(对js中某些功能的封装)
用jq实现的功能一定能用js实现,反过来不一定,js实现的功能jq不一定能实现
以$()开头
选择器
基本选择器
id选择器 $("#id名")
类选择器 $(".class名")
标签选择器 $("html标签")
组合选择器 $("id,class")
通用选择器 $("*") 查找所有的标签
层级选择器
空格 查找当前元素里面的所有后代元素
> 查找当前元素里面的所有子代元素
+ 查找当前元素下面的紧邻的兄弟节点
~ 查找当前元素下面的所有的兄弟节点
查找过滤选择器(都是方法:$("").选择器())
first()
last()
eq(下标) 下标从0开始
find() 查找给定元素的后代
children() 查找后代 $().children("span")查找给定元素的子代
next() $("p").next() $("p").next("")指定的下一个元素
prev() 前一个 用法同next()
nextAll() 下面所有的 可以指定参数 也可以不指定
prevAll() 前一个所有
siblings() 除了自身之外的所有兄弟元素(也可以指定参数)
parent() 查找某个元素的父元素
filter() 参数可以是一个回调函数
$("").filter(function(){
return 条件; 返回满足某个条件的元素
})
not() 除了...之外
end() 结束其前面离end最近的选择器
属性选择器
$("input[name]") input标签上带有name属性的选中器
$("input[name=h]") input标签上name值为h的选择器
size() 获取jquery元素的个数方法 length属性也可以
表单选择器
$(":type值")
$(":radio") 找到所有的单选按钮
$(":radio:checked") 找到被选中的单选按钮
$(":checkbox:checked") 找到被选中的复选按钮
$(":selected") 找到被选中的下拉列表
简单选择器
$("li:first") $().first()
$("li:eq(2)") $("").eq(i)
$("li:odd") 找到所有的奇数行
$("li:even") 找到偶数行
$("li:gt(3)") 找到下标大于3的li
$("li:lt(3)") 找到下标小于3的li
$("li:has(ul)") 包含...
$("li:not()") 除了...