Jquery总结（一）

本人总结一下jquery提供给刚开始学习jquery的同学

一：Jquery中的基本选择器

 1、id选择器

 2、class选择器

 3、元素选择器器

 4、*

 5、并列选择器 用英文的逗号区分

 二：重点介绍了Jquery对象转换成DOM对象的方法

 1、Jquery对象返回的是一个数组对象可以采用如下方式转换

 var domObject = $("#thed")[0];

 2、可以采用Jquery中get(index)方法获取

 get(index)//取得其中一个匹配的元素。 num表示取得第几个匹配的元素。它返回的是一个DOM对象

 三：重点介绍Jquery对象中的get(index)方法,size()方法,length属性

 

案例：

<mce:script type="text/javascript" src="./js/jquery-1.4.4.js" mce_src="js/jquery-1.4.4.js"></mce:script> <mce:script type="text/javascript"><!-- $(document).ready(function() { //Jquery对象 alert($("#thed")); //Jquery对象转换成DOM对象并获取对象内容 alert($("#thed")[0].innerHTML); alert($("#thed").get(0).innerHTML); //Jquery对象 alert($(".rdc")); //Jquery对象转换成DOM对象并获取对象内容 alert($(".rdc")[0].innerHTML); alert($(".rdc").get(0).innerHTML); //Jquery对象 alert($("*")); //Jquery对象转换成DOM对象并获取对象内容 alert($("*")[0].innerHTML); alert($("*").get(0).innerHTML); //Jquery对象 alert($("tr")); //Jquery对象转换成DOM对象并获取对象内容 alert($("tr")[0].innerHTML); alert($("tr").get(0).innerHTML); alert(($("tr")[$("tr").size()-1]).innerHTML); alert(($("tr")[$("tr").length-1]).innerHTML+"----------"); alert($("tr").length); //Jquery对象 alert($("tr,tr.rdc")); //Jquery对象转换成DOM对象并获取对象内容 alert($("tr,tr.rdc")[$("tr,tr.rdc").length-1].innerHTML); alert($("tr,tr.rdc")[$("tr,tr.rdc").size()-1].innerHTML); }); // --></mce:script>