jQuery对象[0]倒底是什么?

s[0]倒底是什么?(s为jQuery对象)
代码:var s=$("div"); alert(s.length);alert(s[0]);

jQuery对象默认都有个0索引,
s为jQuery对象
s[0]为Dom元素 可以用dom的所有属性和方法
可以根据length属性判断一共包含有多少个Dom元素对象。
取对象用:s[0],s[1],s[2]......

#id 根据给定的ID匹配一个元素。$("#id1")
element 根据给定的元素名匹配所有元素 $("div")

那 jQuery中this又指的是什么对象呢?

研究发现 this和s[0]所指为同一对象,即jQuery所选择的Dom元素对象。

jquery select option 操作相关知识>>

jQuery 是一个非常强大的JS类库,现在越用觉得越好用了。
使用jquery如何操作select(下拉框)呢?主要讲下怎么动态添加option  动态选择option,假如我们的select 控件的 id 属性为 sel
jquery 清空option         $("#sel").empty();
jquery 增加option        $("#sel").append(‘<option value="1">动态增加</option>‘‘);
jquery选择option        $("#sel").val(1);    使用这个就可以将 select 中值为 1 的项设定为选中状态

jQuery获取Select选择的Text和Value:

1. $("#select_id").change(function(){//code...});    //为Select添加事件,当选择其中一项时触发

2. var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text

3. var checkValue=$("#select_id").val();   //获取Select选择的Value

4. var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值

5. var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值

jQuery添加/删除Select的Option项:

1. $("#select_id").append("<option value=‘Value‘>Text</option>");   //为Select追加一个Option(下拉项)

2. $("#select_id").prepend("<option value=‘0‘>请选择</option>");   //为Select插入一个Option(第一个位置)

3. $("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)

4. $("#select_id option[index=‘0‘]").remove();   //删除Select中索引值为0的Option(第一个)

5. $("#select_id option[value=‘3‘]").remove();   //删除Select中Value=‘3‘的Option

5. $("#select_id option[text=‘4‘]").remove();   //删除Select中Text=‘4‘的Option

内容清空:

$("#charCity").empty();

时间: 2024-10-10 06:43:02

jQuery对象[0]倒底是什么?的相关文章

jQuery对象与dom对象的转换-$(&#39;#id)[0]

取原生态的DOM对象,因为jquery会把选择器匹配的dom对象存放在以$.fn.init为构造函数生成对象的泛型数组里. 一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象.所以一些新手就很迷惑,为什么${"#Element"}不能直接innerHTML,这就是原因所在,解决方式请看下文.jQuery对象与dom对象的转

一步一步学习 JQuery (一) JQuery 对象

jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库 jQuery 理念: 写得少, 做得多. 优势如下: 轻量级 强大的选择器 出色的 DOM 操作的封装 可靠的事件处理机制 完善的 Ajax 出色的浏览器兼容性 链式操作方式 JQuery:Hello World <html> <head> <meta charset="UTF-8"> <title>Insert title here</title&

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

Jquery对象和DOM对象的区别

1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;复制代码 代码如下: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //j

认识JQuery,JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作,常用的方法

(一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQuery的优势 1)可以像CSS一样访问和操作DOM 2)修改CSS控制页面外观 3)简化JS代码操作 4)事件代理更加容易 5)动画效果使用方便 6) Ajax技术更加完美 7)大量的基于Jquery的插件 8)可以自定义扩展功能插件 (三)JQuery的语法 格式:$(selector).actio

jQuery 3.0最终版发布,十大新特性眼前一亮

jQuery 3.0在日前发布了最终的全新版本.从2014年10月,jQuery团队对这个主要大版本进行维护开始,web开发者社区便一直在期待着这一刻的到来,终于在2016年6月他们迎来了这一个最终版www.lampbrother.net. 通过jQuery 3.0的版本更新说明,我们看到了一个保持着向后兼容的更轻便,更快速的jQuery.在本文中,我们将介绍一些令人眼前一亮的jQuery 3.0全新特性. 开始前的说明 如果你想要下载jQuery 3.0进行亲自实验,可以通过该页面进行下载.另

jquery对象访问

方法名 说明 语法 (callback 执行的函数,object指定元素的对象.) each() 用于以当前jQuery对象匹配到的每个元素作为上下文来遍历执行指定的函数 jQueryObject.each( callback ) size() 用于返回当前jQuery对象封装的元素个数.如果该对象是一个空的jQuery对象,没有封装任何元素,则返回0. jQueryObject.size( ) length 属性用于返回当前jQuery对象封装的元素个数.length属性与size()方法的作