首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery小结(一)

2012-10-16 
jquery总结(一)一:Jquery中的基本选择器? ?1、id选择器?? 2、class选择器? ?3、元素选择器器?? 4、*?? 5、并列

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属性

案例:

<script type="text/javascript" src="./js/jquery-1.4.4.js"></script><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);});</script>

?

热点排行