如何在javascript/jquery中选择DOM创建的li？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

JavaScript进阶内容——jQuery

JavaScript进阶内容——jQuery 我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库这篇文章主要是为了为大家大致讲解JavaScript...的顶级对象$ 我们在这里介绍一下jQuery出场率最高的$符号：是jQuery的别称，在代码中我们可以用代替jQuery，但一般为了方便，我们习惯写是jQuery的顶级对象，类似于JavaScript...中的window对象，把元素利用包装成jQuery对象，就可以调用jQuery的方法代码展示：选择器') == $(DOM对象) jQuery对象 -> DOM对象 $('选择器')[index] $('选择器').get(index) 注意：因为原生JS比jQuery更大，原生的一些属性和方法...('')便综合了上述所有选择器，类似于jQuery的创建 document.querySelector(''); // jQuery创建的格式：$(选择器).action

6.1K1 0

尚能饭否｜技术越来越新，我对老朋友jQuery还是一如既往热爱

支持链式写法，对css样式支持接近完美集JavaScript、CSS、DOM、Ajax于一体的强大框架体系 2、jQuery的基本功能「功能：」 1.访问和操作DOM元素 2.控制页面样式 3.对页面事件的处理...4.与Ajax技术的完美结合 5.大量插件在页面中的运用 3、搭建jQuery开发环境「流程：」准备两份文件如下： ?...属性过滤选择器，根据元素的某个属性获取元素，如ID号或匹配属性值的内容，并以“[”号开始，以“]”结束，ps：最后一个是复合属性选择器 ? 子元素过滤选择器，注意：nth-child索引从1开始 ?...表单选择器，专为表单量身打造，通过它可以在页面中快速定位某表单对象 ?...表单对象属性过滤选择器，通过表单中的某对象属性特征获取该类元素，如：enabled、disabled、checked、selected属性 ? 「选择器综合案例：」整体如下： ? ? 代码如下 <!

1K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

前端学习笔记—JavaScript和jQuery

jQuery是围绕DOM树设计的，它是一个集JavaScript、CSS、DOM、AJAX于一体的强大框架，能够处理 HTML/JSP/XML、CSS、DOM、事件、实现动画效果，也能提供异步 AJAX...同样还有其他同类型优秀的框架，如Vue和React等。jQuery与其他框架思想结构有所不同，但是现在更加流行的是Vue和React。...通过DOM对象的接口，js可以在任何时候访问HTML文档中的任何数据，利用DOM的接口可以无限制的控制HTML页面，可以动态的创建文档，遍历文档结构，对页面结构上的元素进行增、删、改等操作，改变文档的显示方式等...", "#cc221A");//获取大于1起2个 }) 2、jQuery选择器选择器:就是定位条件;通知jquery函数定位满足条件的DOM对象 jQuery 基本选择器 ("#pop") 选取id...='#']") 选取所有带有 href 值不等于 "#" 的元素。过滤选择器（用的场景较多）对已经定位到数组中的DOM对象再进行过滤筛选，再次定位选择。

8081 0

jQuery 教程

child 选择指定元素下的指定子元素，如：$(‘ul.tonav > li’) ancestor descendant 选择一个元素里所有的后代元素，如：$(‘form input’) prev...$("li:lt(2)") //下标小于 2 的li $("li:not(#runoob)") //挑选除 id="runoob" 以外的所有li :animated 选择动画进行中的所有元素。...返回被 jQuery 选择器匹配的 DOM 元素的数量 toArray() 以数组的形式检索所有包含在 jQuery 集合中的所有 DOM 元素 pushStack() 将一个DOM元素集合加入到jQuery...1.5中介绍了 Deferred 延迟对象，它是通过调用 jQuery.Deferred() 方法来创建的可链接的实用对象。...-插入多个元素创新新的 text/HTML 元素, jQuery 和 JavaScript/DOM。

21K2 0

jQuery_T2_DOM操作

文档可以进一步被处理，处理的结果可以加入到当前的页面。DOM是一种基于树的API文档，它要求在处理过程中整个文档都表示在存储器中。...jQuery的DOM 使用 jQuery 选择器选择页面中的元素，是为了生成 jQuery 对象，jQuery 对象具有特有的方法和属性，完全能够实现传统 DOM 对象的所有功能使用jQuery操作元素...使用选择器获取某个元素使用jQuery对象的方法操作元素。...DOM转jQuery对象 jQuery 对象转换成 DOM 对象使用 jQuery 中的 get() 方法，其语法结构为：get([index]) 如果get()方法不带参数，get()方法会返回所有匹配元素的...DOM对象，并将它们包含在一个数组中 DOM 对象转换成 jQuery 对象对于一个 DOM 对象，只需要用 () 将它包装起来就可以获得对应的 jQuery 对象，其语法结构为：(DOM 对象 )

8.5K2 0

锋利的jQuery系列

大家好，又见面了，我是你们的朋友全栈君。简介 jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建于06年1月的开源项目。...在页面中引入jQuery，在编写的页面代码中标签内引入jQuery库后，就可以使用jQuery库了，下面是第一个jQuery程序： li a:hover{ color:#f60; } 上面代码中: $(document).ready(function(){ ... }); 的作用类似于JavaScript中的window.onload...注意：用#id作为选择符取得的是jQuery对象而并非document.getElmentById(“id”)所得到的DOM对象，两者并不等价。注意分清jQuery对象和ＤＯＭ对象。...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

9232 0

Web阶段：第五章：JQuery库

3.JQuery流行程度 jQuery现在已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。...4.JQuery好处: jQuery是免费、开源的，jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。...()查询出来的标签对象是Dom对象 4.通过createElement() 方法创建的对象，是Dom对象 JQuery对象 5.通过JQuery提供的API创建的对象，是JQuery对象。...jquery对象是一个Dom对象的数组 + jquery 的一系列功能函数的总和。 Jquery对象和Dom对象使用区别？...jquery页面加载完成之后的触发时间点： // jquery的页面加载完成之后。只是等浏览器内核解析完html标签，创建好dom对象之后。

28.7K2 0

jQuery学习笔记——jQuery基础

jQuery是一个快速、简洁的JavaScript库，其设计宗旨是“write less，do more”，倡导用更少的代码，做更多的事情。...： $(document).ready(function() { // 页面DOM加载完成后执行的代码 }); （3）jQuery中的加载事件对比项 window.onload $(document...).ready() 执行时机必须等待网页中的所有内容加载完成后才能执行网页中的所有DOM绘制完成后就执行，可能关联内容并未加载完成编写个数不能编写多个能编写多个，依次执行简化写法无 $0...console.log($("div")); // 创建div元素的jQuery对象 console.log($.trim(" a ")); // 利用trim()方法去掉字符串两端的空白字符 DOM...DOM对象和jQuery对象可以相互转换： jQuery对象转换为DOM对象的方法：从jQuery对象中取出DOM对象，取出对象后就可以用DOM对象的方式来操作元素了。

15.5K1 0

【领会要领】web前端-轻量级框架应用（jQuery基础）

file 作者 | Jeskson 来源 | 达达前端小酒馆 jquery的安装和语法，jquery的多种选择器，dom操作和jquery事件。...jQuery框架，简介，优势，安装，语法，jQuery选择器，id选择器，类选择器，标记选择器，属性选择器，位置选择器，后代选择器，子代选择器，选择器对象，选择器对象遍历，页面初始化，jQuery的dom...就是说它非常请求，大小在30kb左右；具有强大的选择器和dom操作的封装，可靠的事件处理机制，有完善的ajax，jquery将所有的ajax操作封装到函数``$.ajax()`中；具有丰富的插件，完善的文档...Jquery中的dom操作。 dom是document object model的缩写。文档对象模型。...dom是一种与浏览器，平台，语言无关的接口，jquery中的dom操作就是对HTML中的元素进行操作。

3K2 0

jQuery

Dom 对象通过 getElementByTagName()查询出来的标签对象是 Dom 对象通过 createElemnet()方法创建的对象,是 Dom 对象 DOM 对象 Alert 出来的效果是...:[object HTML 标签名 Element] ② jQuery 对象：通过 jQuery 提供的 API 创建的对象，是 jQuery 对象通过 jquery 包装的 Dom 对象,也是 jQuery...元素，返回包含所有的 DOM 元素的 jQuery 对象param 是 DOM 元素：将 DOM 元素对象包装成 jQuery 对象返回(this)param 是标签字符串：创建标签 DOM 元素对象并包装为...(index, domEle){}): 遍历所有的 dom 元素 index(): 得到当前 dom 元素在所在兄弟中的下标四、jQuery 选择器有特定语法规则（CSS 选择器）的字符串用来查找某个.../些 DOM 元素：$(selector) 1.基本选择器方法描述 #id 根据给定的 ID 匹配一个元素。

11.9K2 0

jquery第一次课的案例教程

为什么要学jquery 使用javascript开发过程中，有许多的缺点：查找元素的方法单一，麻烦。遍历数组很麻烦，通常要嵌套一大堆的for循环。有兼容性问题。...jq对象和dom对象(重要) DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。...对象 jQuery对象转换成DOM对象： var $li = $("li"); //第一种方法（推荐使用） $li[0] //第二种方法 $li.get(0) jquery选择器什么是jQuery选择器...jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。...(function(index,element){}); 【案例：不同的透明度.html】多库共存 jQuery使用作为标示符，但是如果与其他框架中的作为标示符，

8971 0

前端学习之jQuery

一 jQuery是什么？［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。...jQuery对象就是通过jQuery包装DOM对象后产生的对象。...DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同样DOM对象也不能使用jQuery里的方法,卵用会报错约定：如果获取的是jQuery对象,那么在变量前面加上$ var $...$(".test").parentUntil() //获得当前匹配元素集合中每个元素的祖先元素，直到遇到匹配选择器的元素为止。...// .on的selector参数是筛选出调用.on方法的dom元素的指定子元素，如： // $('ul').on('click', 'li', function(){console.log

3.7K1 0

为什么要学jquery

为什么要学jquery 使用javascript开发过程中，有许多的缺点：查找元素的方法单一，麻烦。遍历数组很麻烦，通常要嵌套一大堆的for循环。有兼容性问题。...jq对象和dom对象(重要) DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。...对象 jQuery对象转换成DOM对象： var $li = $("li"); //第一种方法（推荐使用） $li[0] //第二种方法 $li.get(0) jquery选择器什么是jQuery...选择器 jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。...$(selector).position(); jQuery事件机制 JavaScript中已经学习过了事件，但是jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。

1.6K1 0

jQuery学习笔记

如果DOM元素有层级关系层级之间用空格隔开 li class="lang-javascript...li> $('.lang .lang-javascript').css("color","red") jQuery 特殊选择器 :input：可以选择...，用$('input:focus')就可以选出； :checked：选择当前勾上的单选框和复选框，用这个选择器可以立刻获得用户选择的项目，如$('input[type=radio]:checked')；...，HTML也是类似操作操作表单 jQuery对象统一提供val()方法获取和设置对应的value属性、和js中的 .value()作用一样 var input = $('#test-input')...还需要遍历的添加class属性在做过了几个案例中很多都需要添加class属性 addClass()添加属性显示和隐藏DOM jQueryshow()和hide()方法上图获取到JavaScript

1.7K4 0

一个小时学会jQuery

二、jQuery对象和DOM对象 2.1、DOM对象使用JavaScript中的DOM API操作获得的元素对象叫DOM对象。...2.3、DOM转换成jQuery对象要使用jQuery中的方法与属性就需要把一个JavaScript中的DOM对象转换成jQuery对象。...DOM对象； $只是jQuery的别名形式；每一个jQuery对象都是一个DOM对象的集合三、常用选择器通过jQuery中的选择器实际上取得的是HTML中的DOM元素。...有了jQuery，就能够利用现有知识去发挥选择器的威力，在很大程度上简化JavaScript代码。CSS中可以使用的选择器基本都可以用到jQuery中，反之不然。 3.1. ...基本选择器基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素。在网页中，每个id名称只能使用一次，class允许重复使用。

22.3K7 1

jquery（1）

-选择器/创建一个标签 //$('#one'); //$('啦啦,我是一个div'); //4.3 如果参数是一个dom对象,那他就会把dom对象转换成jQuery对象...//$(dom对象); jq对象和dom对象(重要) DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。...对象 jQuery对象转换成DOM对象： var $li = $("li"); //第一种方法（推荐使用） $li[0] //第二种方法 $li.get(0) jquery选择器什么是jQuery选择器...jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。...过滤选择器名称用法描述 :eq（index） $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中，选择索引号为2的元素，索引号index

7222 0

JQuery快速入门

其是由John Resig于2006创建的开源项目，极大的简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、开发Ajax等操作，最有特色的形式是$(document).ready...在使用jQuery时，需要注意jQuery对象和DOM对象的区别，通常对于jQuery对象，会在变量前加$，如var $variable=jQuery对象;。可以通过如下方式对两者进行转化。...DOM操作示例查找结点获取元素结点：var $li = $('ul li:eq(1)'); 获取属性结点：var p_txt = $li.attr('name'); 创建结点 jQuery工厂方法...之前就介绍的$(document).ready()相信大家都不会陌生，其与window.onload实际上有一些区别的，前者是当DOM加载完成后触发，而后者则是页面中的所有元素(包括所有关联元素)加载完成后执行...对于jQuery中的事件来说，其均使用事件冒泡机制，而不支持时间捕获机制(可以用原生js)。

3.5K10 0

JQuery第一节

DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。...{});就是典型的DOM对象转jQuery对象 jQuery对象转换成DOM对象： var $li = $(“li”); //第一种方法（推荐使用） $li[0] //第二种方法 $li.get(0)...【练习：隔行变色案例.html】【练习：开关灯案例】选择器什么是jQuery选择器 jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。...li元素中，选择索引号为偶数的元素 :first $(“li:first”).css(“color”, ”red”); 获取到的li元素中的第一个 :last $(“li:last”).css(“color...区分jQuery与Javascript JavaScript是一门编程语言，jQuery仅仅是用JavaScript实现的一个JavaScript库，目的是简化我们的开发。

2.1K3 0

前端架构师之01_JQuery

jQuery对象内部有3个元素。下标为0的元素表示其内部的DOM对象，即document对象。 length表示其内部DOM对象的个数，一个jQuery对象中可以包装多个DOM对象。...li> 2.2.3 基本过滤选择器基本过滤选择器，表示对获取到的元素进行筛选，如偶数行中的元素等。...li>元素 :even 获取索引为偶数的指定选择器中的奇数行数据，索引默认从0开始 $("li :even")获取所有li元素中，索引为偶数的奇数行数据，如索引为0,2,4的第1个、第3个和第5个li...>元素 :odd 获取索引为奇数的指定选择器中的偶数行数据，索引默认从0开始 $("li :odd")获取所有li>元素中，索引为奇数的偶数行数据，如索引为1,3,5的第2个、第4个和第6个li>元素...（包括外部元素，如图片）才能执行网页中的所有DOM结构绘制完成后就执行（可能关联内容并未加载完成）编写个数不能同时编写多个能够同时编写多个简化写法无 $() jQuery中的ready与JavaScript

3.1K0 0

JQuery 入门 - 附案例代码

//$(dom对象); jq对象和dom对象(重要) DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。...jQuery对象其实就是DOM对象的包装集包装了DOM对象的集合（伪数组） DOM对象与jQuery对象的方法不能混用。...对象 jQuery对象转换成DOM对象： var $li = $("li"); //第一种方法（推荐使用） $li[0] //第二种方法 $li.get(0) jquery选择器什么是jQuery选择器...jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。...end(); // 筛选选择器会改变jQuery对象的DOM对象，想要回复到上一次的状态，并且返回匹配元素之前的状态。

15K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭