选择
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