码迷,mamicode.com
首页 > Web开发 > 详细

DOM对象和JQUERY对象

时间:2016-06-22 15:43:46      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

DOM:Document Object Model

jQuery对象:通过jQuery包装DOM对象后产生的对象,jQuery对象可以使用jQuery里的方法,无法使用DOM对象的任何方法。

jQuery对象和DOM对象的转换

1、jQuery转换为DOM对象

var $variable=jQuery对象

var variable=DOM对象

jQuery提供了两种方法[index]和get(index)

var $cc=$("#cc");

var cc=$cc[0]/$cc.get(0);

2、DOM转换为jQuery对象

var cc=document.getElementById("cc");

var $cc=$(cc);

<!--DOM方式判断  -->
 <script type="text/javascript">
// $(function(){
// var cc=$("#cc")[0];
// $("#cc").click(function(){
// if(cc.checked)
// {
// 	alert("completed,thank you");
// }
// else
// {
// 	alert("Please read the details carefully");
// }
// });
// });

</script>
<!-- jQuery方式判断 -->
<script type="text/javascript">
$(function(){
	$("#cc").click(function(){
	var $cc=$("#cc");
	if($cc.is(":checked"))
	{
		alert("jQuery:completed,thank you");
	}
	else
	{
		alert("jQuery:Please read the details carefully");
	}

	})
})
</script>

  

        <div>
	   <input type="checkbox" id="cc" />
	   <label for="cc">I have read the above terms</label>
	</div>

解决jQuery和其他库冲突:jQuery.noConflict()函数来将变量$的控制权交给其他javascript库

  

 

DOM对象和JQUERY对象

标签:

原文地址:http://www.cnblogs.com/ypcute/p/5607028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!