jquery 对象 / jquery对象与dom对象相互转换
2017-03-04 15:01
239 查看
jQuery对象
1. jQuery的DOM对象与普通的DOM对象
普通的DOM对象此处指的是:使用JS操作DOM的方法返回的对象
jQuery的DOM对象此处指的是:使用jQuery操作DOM的方法返回的对象
jQuery拿到普通的DOM对象后会对其进行封装,让其成为具有jQuery方法的jQuery对象
2. jQuery对象转为DOM对象
第一种方式
第二种方式
这两种方式使用哪一种都可以
3. DOM对象转jQuery对象
使用$包装一下即可
图解:
所有这些,都体现了jQuery对JS的封装
1. jQuery的DOM对象与普通的DOM对象
普通的DOM对象此处指的是:使用JS操作DOM的方法返回的对象
var btn = document.getElementById(“btnShow”); //普通的DOM对象
jQuery的DOM对象此处指的是:使用jQuery操作DOM的方法返回的对象
var $btn = $(“#btnShow”); // Query的DOM对象
jQuery拿到普通的DOM对象后会对其进行封装,让其成为具有jQuery方法的jQuery对象
2. jQuery对象转为DOM对象
第一种方式
var btn1 = $btn[0]; //通过索引的方式把DOM对象取出来(推荐使用此方式)
第二种方式
var btn2 = $btn.get(0);//调用get()方法也可以
这两种方式使用哪一种都可以
3. DOM对象转jQuery对象
使用$包装一下即可
$(普通的DOM对象)
图解:
所有这些,都体现了jQuery对JS的封装
相关文章推荐
- jQuery对象与dom对象相互转换
- js-jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jquery对象和javascript对象即DOM对象相互转换
- jQuery对象与DOM对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与DOM对象相互转换
- jQuery对象与dom对象相互转换
- js-jQuery对象与dom对象相互转换
- js-jQuery对象与dom对象相互转换
- jQuery对象和DOM对象间的相互转换
- jQuery对象与dom对象相互转换
- (转载)js-jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jquery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery对象与dom对象相互转换
- jQuery4(Dom与jQuery对象的相互转换)
- jQuery对象与DOM对象相互转换