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"))
%>
- 上一篇 »[Java面试九]脚本语言知识总结.
- 下一篇 »JQuery笔记