jQuery个人总结

选择

1. end()的使用

　$('div')
　　　.find('h3')
　　　.eq(2)
　　　.html('Hello')
　　　.end() //退回到选中所有的h3元素的那一步
　　　.eq(0) //选中第一个h3元素
　　　.html('World'); //将它的内容改为World

2. 选中下拉列表中被选中的本文

$(select option:selected).text()

3. 选择器，非某某开头的写法

$("input:not(name^='id')")

4. 给选择器一个上下文

格式：$(expression,[context])，expression是选择器表达式，context是选择器查找的范围。这样会比在全局查找效率高一些。

默认情况下, 如果没有指定context参数，$()将在当前的 HTML document中查找 DOM 元素；

如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。

<script type="text/javascript">
        $( function() {
            window.$objPub = { //在全局范围中，定义一个windows对象
                $objTmp0: $("#div0", "#container" ),
                $objTmp1: $("#div1")
            }
            TestFun();
        })
        function TestFun() { //自定义显示div内容的函数
            $objPub.$objTmp0.html("Tmp0").css("width" ,"100px");
            $objPub.$objTmp1.html("Tmp1");
        }
 </script >

$objPub.$objTmp0.html("Tmp0").css("width" ,"100px");
// 等价于
$("#div0","#container").html("Tmp0").css("width" ,"100px");
// 会作用于 #container中的#div0

 

转载于:https://my.oschina.net/mafeifan/blog/697756