JQuery对象和DOM对象
来源:互联网 发布:网络与格纹是什么意思 编辑:程序博客网 时间:2024/06/18 15:36
一个“$”符引发的学案:
var $link_type = $('#link_type');
var type_val = $link_type.val();
问:为什么有的js变量前面加 $ 符而有的不加?什么时候加什么时候不加呢?
答:看个人心情,你爱加不加。真实的说法是加 $ 符的是jQuery对象;非要问为什么的话,大概就是约定成俗。
二问:什么是jQuery对象呢?
答:jQuery对象就是用jQuery的类库选择器获得的对象。JQuery对象是通过jQuery包装DOM对象后产生的对象。(var $obj =$("#id"); // jQuery对象;)
三问:DOM对象有时什么鬼?
答:DOM对象是我们用传统的方法(javascript)获得的对象。(var domObj =document.getElementById("id"); // DOM对象)
四问:他俩到底什么区别?又有什么联系?
答:JQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;DOM对象就是javascript固有的一些对象。DOM对象能使用javascript固有的方法,但是不能使用jQuery里面的方法。
jQuery对象和DOM对象的相互转换
jQuery对象转换成DOM对象
jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index)。可能有人会觉得奇怪,怎么是用下标呢,没错,jquery对象就是一个数组对象.
下面代码将演示一个jquery对象转换成dom对象,再使用dom对象的方法
代码如下:
var $cbox = $("#cbox"); //jquery对象
var cbox = $cbox[0]; //dom对象 也可写成 var cbox = $cbox.get(0);
alert(cbox.checked); //检测这个checkbox是否给选中
dom对象转换成jquery对象
对于一个dom对象,只需要用$()把dom对象包装起来,就可以获得一个jquery对象了,方法为$(dom对象);
代码如下:
var cbox = document.getElementById("cbox"); //dom对象
var $cbox = $(cbox); //转换成jquery对象
转换后可以任意使用jquery中的方法了.
- jQuery对象和DOM对象
- jQuery对象和DOM对象
- dom对象和jQuery对象
- jquery对象和DOM对象
- jquery对象和dom对象
- DOM对象和jquery对象
- DOM对象和jQuery对象
- Jquery对象和DOM对象
- jquery对象和dom对象
- dom对象和jquery对象
- jQuery对象和DOM对象
- Jquery对象和DOM对象
- DOM对象和jQuery对象
- jquery对象和dom对象
- jquery 对象和dom对象
- jQuery对象和DOM对象
- jQuery对象和DOM对象
- jQuery对象和DOM对象
- RabbitMQ和kafka从几个角度简单的对比
- [python]获取时间、获取文件名
- Android 对话框之 PopupWindow
- matlab2c使用c++实现matlab函数系列教程-poisspdf函数
- Java的Executor框架和线程池实现原理
- JQuery对象和DOM对象
- BZOJ2818: Gcd
- 浅拷贝与深拷贝的区别与实现
- ue4 1官网编程指南总结
- JdbcTemplate的使用
- EOJ 3239 最长的等差数列(排序+枚举)
- 京东面试题
- HashSet中是如何判断元素是否重复的
- 表单验证(失去焦点)