jq选择器与例子

jq运行过程

$(function(){})页面加载后

$(function(){

$("#btn")                       找到页面内容

.click                             执行对象事件

(function(){                    声明一个事件

alert("aaaaaaa")              执行事件内容

})               

})

表格jq应用

$(function () {
//$("#btn").click(function () {
// alert("aaaa");
//});
$("tr:odd").css("background", "#e5d05e");//设置奇数行颜色
$("tr:even").css("background", "#58cccc");//设置偶数行颜色
$("th").css("background", "red"); //设置th颜色
$("td").eq(2).css("background", "blue"); //设置单个td颜色
//$("td:nth-child(3)").css("background", "#f8f3d2");
$("td:nth-child(4)").css("background","green")//设置列颜色
})

3.1.3.3 $(“li>a”) 返回<li>标记的所有子元素<a>,不包括孙标记。

<ul>
<li>
<a href="#">aaaaa</a>//子元素
</li>
<li><a href="#">bbbbbbbbbb</a></li>子元素
<li><div><a href="#">cccccccc</a></div></li>孙元素
<li><a href="#">ddddddddddd</a></li>子元素

</ul>

$("li>a").css("color", "red"); //子元素受控制为红色，孙元素不影响；

$("a:[href$=pdf]").css("color", "red");//标签以pdf结尾的原色显示为共色

 $(“a[href=’10-9.html’]”).addClass(“myClass”)

 $(“a[href^=http://]”).addClass(“myClass”) 所有以http://开头的a标签

 $(“a[href$=html]”).addLClass(“myClass”) 所有以html结尾的a标签

 $(“a[href*=isaac]”).addClass(“myClass”) 所有href中含有isaac的a标

$("li:has(a)").css("color", "red");//所有包含a标签的li标签