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标签
