当前位置: 代码迷 >> Web前端 >> jquery小结(一)
  详细解决方案

jquery小结(一)

热度:74   发布时间:2012-10-16 09:57:37.0
jquery总结(一)

一:Jquery中的基本选择器

? ?1id选择器

?? 2class选择器

? ?3、元素选择器器

?? 4*

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

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

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

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

? ?2、可以采用Jqueryget(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>

?

  相关解决方案