JQuery对象与js对象的相互转换

JQuery对象在操作时,要比js更加方便快捷,但是我们要知道,JQuery对象和js对象方法是不通用的,下面博主列举了它们的一些转换规则

jquery对象转化成js对象

  • jq – > js : jq对象[索引] 或 jq对象.get(索引)
	 <div id="div1">aaa....</div>
 	 <div id="div2">bbbb....</div>

	 $("div").html("cccc");//jq对象,两个div中的内容全变成cccc
	 $("div")[0].innerHTML = "111";//jq->js,第一个div中的内容变成111
	 $("div").get(1).innerHTML = "2222";//jq->js,第二个div中的内容变成2222

js对象转化成jquery对象

  • js – > jq : $(js对象)
  <div id="div1">aaa....</div>
  <div id="div2">bbbb....</div>

//1. 通过js方式来获取名称叫div的所有元素对象
    var divs = document.getElementsByTagName("div");
      divs[0].innerHTML = "cccc";//js对象,第一个div中的内容变成cccc
      $(divs[0]).html("nnnn");//js->jq,第一个div中的内容变成nnnn


创作不易,如果这篇文章能够帮助到你,希望能关注或收藏一下博主,如果文章内容有问题也可留言讨论,我们一起学习,一起进步!!


版权声明:本文为bug_producter原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。