jQuery基本选择器：（包括标签选择器、类选择器、ID选择器、并集选择器和全局选择器）
jQuery层次选择器：层次选择器通过DOM 元素之间的层次关系来获取元素
jQuery属性选择器
属性选择器通过HTML元素的属性来选择元素
a标签带有class属性
根据属性值获取元素
class值不等于abc
根据属性值包含特定的值获取元素
a标签href属性值以www开头
$("#id a[href^='www']").css("background","red");
a标签href属性值以html结尾
$("#id a[href$='html']").css("background","red");
a标签href属性值包含“abc”的元素
$("#id a[href*='abc']").css("background","red")
过滤选择器
基本过滤选择器、可见性过滤选择器、表单对象过滤选择器、内容过滤选择器、子元素过滤选择器……
1、：first第一个：
2、：last最后一个：
3、：not（） 排除不是括号里的， 其他都是：
4、：even偶数行选择器
5、：odd奇数行选择器
6、：eq（index）下标选择器
7、：gt（index）下标选择器
8、：lt（index）下标选择器
9、:header选择器
10 :focus选择器
11:animated动画选择器
12 ：visible选取所有可见元素
13 ：hidden选取隐藏的所有元素
14 \\转移符
<script>
$(document).ready(function(){
function aniDiv(){
$("div:eq(0)").animate({width:"50%"},"slow");
$("div:eq(0)").animate({width:"100%"},"slow",aniDiv);
}
aniDiv();
$(".btn1").click(function(){
$(":animated").css("background-color","red");
});
});
</script>
</head>
<body>
<button class="btn1">修改动画元素颜色</button>
<div style="background:blue;">Div 1</div>
<div style="background:green;">Div 2</div>
<div style="background:yellow;">Div 3</div>
可见性过滤选择器
通过元素显示状态来选取元素
$("p:hidden").show();
$("p:visible").hide();
jQuery选择器注意事项
特殊符号的转义
<div id="id#a">aa</div>
<div id="id[2]">cc</div>
获取这两个元素的选择器
jQuery基本操作
设置单个属性
css(name,value) ;
同时设置多个属性：注意写法css({color:"red"})
css({name:value, name:value,name:value…}) ;
追加样式 addClass(class)
$(selector).addClass(class);
或 $(selector).addClass(class1 class2 … classN);
移除样式removeClass("class")
$(selector).removeClass("class") ;
或 $(selector).removeClass("class1 class2 … classN ") ;
切换样式 toggleClass()
判断是否含指定的样式
hasClass( )方法来判断是否包含指定的样式
$(selector). hasClass(class);
以下都是内容操作
1、HTML代码操作
html()可以对HTML代码进行操作，类似于JS中的innerHTML
2、标签内容操作
text()可以获取或设置元素的文本内容
3、html( ) 和text( )方法的区别
4、属性值操作：val()可以获取或设置元素的value属性值
6587
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
