现在的位置: 首页 > 综合 > 正文

Jquery初识

2014年03月08日 ⁄ 综合 ⁄ 共 872字 ⁄ 字号 评论关闭

 

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>

 

抱歉!评论已关闭.