JQuery
JQuery
特点:1.被封装。2.链式表达式。3.自动协调浏览器的兼容性。4.非侵入性。
基本语法构:
<script src="scripts/jquery-1.7.1.min.js"></script> <script language="javascript"> //ready()是个事件,当HTML在浏览器中加载完成后触发 $(document).ready(function () { }); </script>
一、选择器——找到对象
(一)基本选择器
1.最基本
ID 选择器——#
class选择器——。
标签选择器——标签名
2.组合
并列关系——用逗号隔开
$("div,div")
后代关系——用空格隔开
$("div div")
子级关系——用>隔开
$("div>div")
(二)过滤选择器——使用:进行过滤。
1.基本过滤——按照元素在HTML中的排列次序进行过滤
:first,:last,:eq(n),:even,:odd,:not(选择器)
2.属性过滤——[]
a.是否有这个属性——选择器[属性名]
b.属性等于某个值——选择器[属性名=值]
c.属性不等于某个值——选择器[属性名!=值]
d.属性以某个字符串开头——选择器[属性名^=值]
e.属性以某个字符串结尾——选择器[属性名$=值]
f.属性中包含某个字符串——选择器[属性名*=值]
3.内容过滤
a.通过子元素情况进行过滤——:has(选择器)
$(".dd:has(span[class=ss])").css("background-color", "green");
b.通过文本情况进行过滤——:contains(文字)
$(".dd:contains(这)").css("background-color", "green");