jQuery学习总结（续1.4jQuery对象和DOM操作、1.5解决jQuery和其他库的冲突、1.6jQuery开发工具和插件）

1.4jQuery对象和DOM操作

1.4.1DOM对象和jQuery对象

• DOM对象：JavaScript获取的对象

  document.getElementById("vl");
  

• jquery对象是通过jQuery包装DOM对象后产生的对象

  $("#vl");
  

1.4.2jQuery对象和DOM对象的相互转换

• 说明：

  规定用$开头的变量名代表jQuery对象，不带$开头的变量名代表DOM对象

  var $a=jquery对象
  var a=JavaScript对象
  

1. jQuery对象转成DOM对象

   jquery对象后加[0]的方式转换DOM对象

   var $var1=$("#va1");//jquery对象获取
   var var1=$var1[0];//DOM对象
   

   jQuery对象的get方式

   var v1=$v1.get(0);//DOM对象
   

2. DOM对象转成jQuery对象

   在DOM对象外面使用$()包起来即可变成jQuery对象

   var v1=document.getElementById("v1");//DOM对象
   var $v1=$(v1);//jquery对象
   

1.4.3实例研究

<input type="checkbox" id="cr"/>
<label for="cr">我已阅读</label>

• DOM方式：

  var $cr=$("#cr");
  var cr=$cr[0];
  $cr.click(function(){
  	if(cr.checked)
  		alert("DOM对象");
  })
  

• jQuery方式：

  $(function(){
  	var $cr=$("#cr");
  	$cr.click(function(){
  		if($cr.is(":checked")
  			alert("jquery对象");
  	})
  })
  

1.5解决jQuery和其他库的冲突

\$表示jQuery
\$("#v1")->jQuery("#v1");
jquery.noConflict();//放弃\$符号的使用权

1.6jQuery开发工具和插件

vs code、sublime text、少用dn