DOM对象和JQUERY对象

Posted 2020-07-28

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库