标签:
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