- 在jQuery库中,$就是jQuery(被称作是jQuery自身的快捷方式).例如:$(“#foo”)和jQuery(“#foo”)是等价的, $.ajax和jQuery.ajax是等价的.
- 在jQuery对象中无法使用DOM对象的任何方法,同样,DOM对象也不能使用jQuery里的方法.$(“#id”).innerHTML 和 document.getElementById(“id”).html()都是错误的
- jQuery对象和DOM对象的相互转化:jQuery对象:var $variable = jQuery对象, var variable = DOM对象.
- jQuery提供了两种方法将一个jQuery对象转化成DOM对象, 即[index] 和 get(index). jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象.jQuery代码如下:
var $cr = $("#cr"); // jQuery对象
var cr = $cr[0]; // DOM对象
alert(cr.checked);
另一种方法时jQuery本身提供的, 通过get(index)方法得到相应的DOM对象:
var $cr = $("#cr"); // jQuery对象
var cr = $cr.get(0); // DOM对象
alert(cr.checked);
- DOM对象转化成jQuery对象:
对于一个DOM对象, 只需要用$()把DOM对象包装起来, 就可以获得一个jQuery对象.方式为$(DOM对象).
jQuery代码如下:
var cr = document.getElementById("cr"); // DOM对象
var $cr = $(cr); //jQuery对象
转化后可以任意使用jQuery中的方法.
点击右上角即可分享
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步