Jquery初识:
(1)是一个 JavaScript 库——jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。
(这也是我目前对它的认识)
(2)极大地简化了 JavaScript 编程。
一些标识的认知:
选择器
jQuery 使用 sizzle引擎,支持css选取,Xpath选取等方式。
$("p") 选取全部 <p> 元素。
$("p.intro") 选取所有包含class为"intro"的 <p> 元素。
$("#demo") 选取 id为"demo" 的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
$("[href^='/imgaes/']") 选取所有 href 值以 /imgaes/" 开头的元素。
$("p.intro") 所有 class="intro" 的 <p> 元素 元素选择器
$(".intro") 所有 class="intro" 的元素 类选择器
$("#intro") id="intro" 的第一个元素 id 选择器
更多详细信息请参见jQuery API的Selectors部分。
Jquery小例子:
实现一个小例子,感受它的奇妙
<!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果您点击我,我会消失。</p> <p>点击我,我会消失。</p> <p>也要点击我哦。</p> </body> </html>