jQuery特性
jQuery是一个JavaScript函数库,包含以下特性:
HTML元素选取、操作、CSS操作、HTML事件函数、JavaScript特效和动画、HTML DOM遍历和修改、AJAX
jQuery库的引用
注意:<script> 标签应该位于页面的 <head> 部分
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
或者使用
Google的CDN
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
</head>
Microsoft的CDN
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
</head>
jQuery语法
可以对HTML某些元素执行操作
基础语法
$(selector).action()
$ 定义jQuery
(selector) 查询和查找HTML元素
action() 执行对元素的操作
选择器
jQuery元素选择器和属性选择器允许通过标签名、属性名、或内容对HTML元素进行选择。选择器运行对HTML元素组或单个元素进行操作
jQuery元素选择器
使用CSS选择器来选取HTML元素
$("p")选取的<p>元素
$("p.intro")选取所有class="intro"的<p>元素
$("p#demo")选取所有id="demo"的<p>元素
jQuery属性选择器
使用XPath表达式来选择带有给定属性的元素
$("[href]")选取所有带有href属性的元素
$("[href='#']")选取所有带有href值等于"#"的元素
$("[href!='#']")选取所有带有href值不等于"#"的元素
$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素
jQuery事件
jQuery事件处理方法是jQuery中的核心函数。
最好把jQuery放置到独立的 .js文件爱女中
eg:
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>
如果出现名称冲突,jQuery.noConflict()