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");

 

posted @ 2015-06-15 10:10  白天\不懂/夜的黑  阅读(133)  评论(0编辑  收藏  举报