jQuery总结

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") 选取所有 的 <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"))

%>