jQuery:轻量及的javaScript库
jQiery向页面添加jQuery库： <script type="text/javascript" src="jQuery.js"></script>
jQiery语法： 基础语法是：$(selector).action()
文档就绪函数： $(document).ready(function(){ --- jQuery functions go here ---- });
一 jQiery选择器
1 元素选择器： $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
2 属性选择器： $("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
3 CSS选择器: $("p").css("background-color","red");把所有 p 元素的背景颜色更改为红色
4 更多选择器 $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class="intro" 的 <p> 元素 $(".intro") 所有 class="intro" 的元素 $("#intro") id="intro" 的元素 $("ul li:first") 每个 <ul> 的第一个 <li> 元素 $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性 $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素
二 jQiery事件函数 $(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时） $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件 $(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件 $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
例子： <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); < /script>