jq对象才能使用jq方法,$(".a").eq(0) 和 $(”.a“)[0]

<a class="a"></a>

<a class="a"></a>

<a class="a"></a>

$(‘.a‘)  // 选择了3个a,都是jq对象(可以用jq的属性、方法)

$(‘.a‘).eq(1) // 选择了第二个a,是jq对象(不可以使用dom属性方法,可以用jq的属性、方法)

$(‘.a‘)[1]  // 选择了第二个a,是dom对象(可以使用dom属性,方法,不可以使用jq属性方法)

$(‘.a‘).eq(1)[0]  // 选择了第二个a,并且转化成都是dom对象(可以使用dom属性,方法,不可以使用jq属性方法)

$(‘.a‘)[0].eq(1) // 错误,因为dom对象用不了jq方法,eq()是jq方法。

转自【B5教程网】:http://www.bcty365.com/content-47-3381-1.html

时间: 2024-11-08 22:18:16

jq对象才能使用jq方法,$(".a").eq(0) 和 $(”.a“)[0]的相关文章

JQ对象和原生DOM对象

相同点:两者本质上都是DOM元素. 不同点:JQ对象是在原生DOM对象上进行了一次封装,使开发人员使用起来更简洁.高效. 两者之间用法也完全不同,很说初学者经常混淆. 其实区分两者并不难, 1.语法不一样,JQ对象都是以$开头的,API也不一样(具体请查询JQ手册).     比如:$('#a').html()    //这样写就可以拿到id 叫 a里面的内容. 如果   $('#a').innerHTML  // 这样写就会报错,而且拿不到任何内容,原因就是$('#a')是JQ对象,而inne

学习04-jq(jq的使用,jq的入口函数,jq与DOM的转换,基本选择器,层级选择器,设置样式,筛选选择器,筛选方法)

jq的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <scrip

jQuery---jq操作标签文本(html(),text()),jq操作文档标签(插入,删除,修改),克隆,,jq操作属性,jq操作class属性,jq操作表单value,jq操作css,jq操作盒子(重要),jq操作滚动条

jQuery---jq操作标签文本(html(),text()),jq操作文档标签(插入,删除,修改),克隆,,jq操作属性,jq操作class属性,jq操作表单value,jq操作css,jq操作盒子(重要),jq操作滚动条 一丶jQ操作标签内文本 html() 标签元素中的内容 /** 替换的内容可以使一个js对象,jq对象,文本 **/ /* 获取值:获取选中标签元素的所有内容 ,包括标签*/ $('ul').html() " <li>1</li> <li&g

Jq对象与dom对象的互相转换!

JQ对象转化成dom对象 var a=$('div'); var b=a[0];//dom对象 转化成dom对象以后就可以使用dom方法了 dom对象转化成jq对象 var a=document.getElmentById('div1'); var b=$(a);//jquery 对象 转化成jquery对象之后,可以使用jquery的方法.

jQ新的事件绑定方法on()

今天浏览jQuery的deprecated列表,发现live()和die()在里面了,赶紧看了一下,发现从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定.因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法. on(events,[selector],[data],fn)events:一个或多个用空格分隔的

JQ——设置值、DOM对象和JQ对象的转换

1.设置值: text() :设置或返回所选元素的文本内容 html()  :设置或返回所选元素的内容(包括 HTML 标记) val() :设置或返回表单字段的值 attr() :设置或返回属性值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>值的设置</title> <script src="https://cdn.sta

jQuery框架使用,jq选择器,jq操作页面内容, jq操作类名,jq操作全局属性,jq获取盒子信息,jq获取位置信息,js/jq页面加载完毕事件,jq事件

jq选择器 // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取的是jq对象数组 // 拿到指定的页面元素jq对象 $('css3选择器语法').eq(index); var $box = $(".box").eq(1); 获取的是jq对象数组 // jq 转 js ( jq对像就是由数组包裹的js对象 ) box1 = $box[0] 从数组里取出来 box1 = $box.g

effective java-读书笔记-第三章 对于所有对象都通用的方法

个人博客同步发布:effective java-读书笔记-第三章 对于所有对象都通用的方法 第三章 对于所有对象都通用的方法 所有非final方法(equals.hashCode.toString.clone.finalize)都有明确的通用约定,因为它们被设计成是要被覆盖的,如果不遵守,基于散列的集合(HashMap.HashSet.HashTable)可能无法结合该类一起运作. 第8条 覆盖equals时请遵守通用约定 覆盖equals规范: 自反性(reflexive).对于任何非null

控制台console对象常用的一些方法

console.log():调试中最常用的方法,用于在控制台窗口显示信息. console.log(123); //123 console.warn():输出信息时,在最前面加一个黄色三角,表示警告 console.warn('输出警告信息'); //输出警告信息 console.error():输出信息时,在最前面加一个红色叉,表示出错 console.error('输出错误信息'); //输出错误信息 console.assert():用来验证某个条件是否为真,如果是假,则显示一条事先指定的