标签:
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库
标签:
原文地址:http://www.cnblogs.com/ypcute/p/5607028.html