JQuery 选择器

构造器是 jQuery 框架的内核（core），它犹如JavaScr ipt语言的构造函数（Function）。构造器由jQuery ()函数（可简写为$()）负责实现，该函数是整个jQuery框架的核心，jQuery 君子务本本立而道生王下邀月熊中的一切操作都构建于这个函数之上。jQuery ()函数可以收四种类型的参数。



jQuery (expression,[context] )：根据CSS  选择器字符串在页面中匹配一组元素，或者利用context 参数指定匹配的范围。

$(.classname #id html标签); 

$("p") 选取 <p> 元素。 

$("p.intro") 选取所有class="intro" 的<p> 元素。

$("p#demo") 选取所有id="demo" 的<p> 元素。 

 

jQuery (html)：根据 HTML 标记字符串，动态创建由jQuery对象包装的DOM 元素。

jQuery 使用XPath 表达式来选择带有给定属性的元素。$("[href]") 选取所有带有href 属性的元素。 

$("[href='#']") 选取所有带有href 值等于"#" 的元素。 

$("[href!='#']") 选取所有带有href 值不等于"#" 的元素。 

$("[href$='.jpg']") 选取所有 href 值以".jpg" 结尾的元素。 



jQuery (elements)：将一个或多个DOM 对象转化为jQuery 对象。

<div><span>文本块1</span></div>  

<p><span>文本块</span></p>  

<script language="javascript" type="text/javascript">  

var span = document.getElementsByTagName("span")[0]; 

//获取节点对象，此时

返回DOM 元素对象var span = $(span);

//把DOM 对象转换为 jQuery 对象span.css("color","red");  

//调用jQuery 对象的css()方法定义字体颜色为红色

</script> 

 

jQuery (callback)：

$(document) .ready ()

的简写。允许绑定一个在DOM  文档加载完毕之后执行的函数。

<script language="javascript" type="text/javascript">  

$(function(){  

alert("Hello World!");  });

</script> 

等价于 

$(document).ready(function(){ 

--- jQuery functions go here ---- 

}); 

JQuery对象转化为DOM对象：使用如下写法把它转换为 DOM 对象，再调用DOM 属性来定义样式：var span = $(span)[0];  //把jQuery 对象转换为DOM 对象span.style.color = "blue";  //调用DOM 对象的 style 属性，设置字体颜色为蓝色 

除了使用集合索引值把 jQuery对象转换为DOM 对象外，还可以使用jQuery的get()获取对象内指定索引的元素： 

$("span").get(0);

【注解】：（1）JavaScript中this表示的是引用的DOM对象，而$(this)表示引用的是JQuery对象。如this.width等价于$(this).attr(“width”)。