jQuery笔记-选择器

1.加载jQuery文件。

<script type="text/javascript" src="jquery.js"></script>

如果浏览器已经加载一次，下次不会重新加载，使用利用率较高的cdn也可以加快自己网站的速度。
<script type="text/javascript" src="http://xxx/jquery/jquery.min.js"></script>

2.选择器

$(this) 选择当前的HTML元素
$("#test") 选择id="test"的元素，id在网页中是不会重复的。
$("p#test") 选择id="test"的<p>元素
$("p") 选择所有的<p>元素
$(".test") 选择所有class="test"的元素
$("p.test") 选择class="test"的所有<p>元素
$("[href]") 选择所有带有href属性的元素 (href Hypertext Reference)
$("[href='#']") 选择所有带有href='#'属性的元素
$("[href!='#']") 选择所有带有href值不等于'#'的元素
$("ul li:first") 每个<ul>的第一个<li>元素

3.文档就绪函数

$(document).ready(function(){
--选择document元素，在所有元素加载后执行响应的代码--
});

上面的方法可以把(document).ready省略为：
$(function(){
--jQuery functions--
});

4.事件函数

事件函数定义语法举例
$("selector").click(function(){...});
$("selector").dbclick(function(){...});
$("selector").focus(function(){...});
$("selector").mouseover(function(){...});

5.jQuery对象和DOM对象

jQuery对象是对DOM对象的包装，但是相互函数不通，即接口完全不通。

如果是通过jQuery获取的对象，变量名通常以$开头。

jQuery对象转为DOM对象
jQuery是一个数组对象，jQuery对象可以通过[index]的方法得到对应的DOM对象：
var $cr = $("#cr");
var cr = $cr[0];


使用jQuery中的get(index)方法得到相应的DOM对象
var $cr = $("#cr");
var cr = $cr.get(0);

DOM对象转为DOM对象
对于一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象。
var cr = document.getElementById("cr")；

var $cr = $(cr);

<完>