jQuery选择ul li下的所有输入 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jQuery选择器（满足你的所有业务）

jQuery 选择器允许对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。...它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头：$()。...使用jquery请先引入 jquery.com/jquery-3.1.1.min.js"> 元素选择器 $(this)...$("ul li:first") //选取第一个 ul> 元素的第一个 li> 元素 $("ul li:first-child")//选取每个 ul> 元素的第一个 li> 元素 $("div...）子选择器 $("p>span") //选择元素下的所有元素（注：子选择器只选择直属于父元素的子元素）同辈选择器 $(".intro+p") //选取class为intro

1.5K2 0

jQuery中排除指定元素，同时选择剩下的所有元素

场景：某页面用了js延时加载技术处理所有图片，以改善用户体验，但是有几个图片不想延时加载，要求把它们单独挑出来。...研究了一下jQuery的API文档，搞掂了，jQuery真的很方便，贴在这里备份：菩提树下的杨过 jquery-1.4.3.min.js"> $().ready(function...排除掉，然后把剩下的div全选中，并设置为红色字体。

2.6K5 0

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

是的

没有找到

前端基础：jQuery

也都能做，但使用 jQuery 能大幅提高开发效率 jQuery Advantages 体积小，压缩后只有 100 KB 左右强大的选择器出色的 DOM 封装可靠的事件处理机制出色的浏览器兼容性...script> // 后代选择器，忽略层级，选取所有后代元素 $("#x p").css("color","red"); // 子代选择器，只选取子层的元素 $("#x>...='x']").css("color","red"); 过滤选择器选择 ul> li>ali> li>bli>...() 返回被选元素的直接父元素，仅仅是上一级 parents() 返回被选元素的所有祖先元素，它一路向上直到文档的根元素，可以选择辈分测试 ul>...}); find(选择器) 方法返回被选元素的后代元素，一路向下直到最后一个后代测试 ul> li>盘古li> li>蚩尤

14.4K2 0

jQuery DOM操作

对节点的操作查找节点查找节点可以直接利用jQuery选择器来完成，非常便利。插入节点 jQuery提供了8种插入节点的方法。...var $li = $("ul li:eq(1)").remove(); // 获取第2个li>元素节点后，将它删除 $li.appendTo("ul"); // 将刚才删除的节点重新添加到...=菠萝]"); //将li>元素中title属性不等于“菠萝”的li>元素删除（2）detach() detach()也是从DOM中去掉所有匹配的元素。...需要注意的是，这个方法不会将匹配的元素从jQuery对象中删除，其所有绑定的事件和附加数据可以保留下来。如果将来再使用这个元素，相关事件和数据依然存在。...ul> 请先输入内容，再点击想操作的按钮

2.6K6 0

常用的 jQuery 选择器-笔记

层次选择器 $("selector1 selector2")：选择作为父元素的 selector1 下的所有 selector2 元素。...:radio：选择所有单选按钮元素。 :text：选择所有文本输入框元素。 :password：选择所有密码输入框元素。 :submit：选择所有提交按钮元素。...:image：选择所有图像输入框元素。 :reset：选择所有重置按钮元素。伪类选择器： :first：选择每个集合中的第一个元素。 :last：选择每个集合中的最后一个元素。... ul> li>List item 1li> li>List item 2li> ul>... ul> li>List item Ali> li>List item Bli> ul> <a href="https

4900 0

Jquery入门基础教程免费版

","red") :odd 选择所有序号为奇数行的元素 $("li:odd").css("background","red") :even 选择所有序号为偶数行的元素 $("li:even").css(...(亲儿子元素) $("#i_wrap").children("ul").css("color","red"); 选择id为i_wrap的所有子代元素ul siblings() 查找所有兄弟元素(不包括自己...内部除编号输入框外的所有元素 :disabled 匹配所有不可用元素 $(" #userform :disabled" )匹配编号输入框 :checked 匹配所有被选中元素（复选框、单项按钮、select...toggle(),理解，使用jd案例，来测试一下即可。四.jQueryDOM 概念：DOM 文档对象模型（必考），jQuery Dom应该是之前的DOM加了个jQuery的封装。...(){ //操作的选择器对象是ul无序列表; //后置：$(".gameList").append("li>王者范.

2.2K1 0

在 jQuery Mobile 中使用 UI 组件

默认情况下，jQuery Mobile 框架为 Web 页面添加圆角、边距、深色背景，使它显示为放置在 Web 页面之上的一个对话框。...搜索筛选除了刚刚介绍的所有优秀的列表增强特性之外，还有最后一个增强，它极大地改善了长列表的可用性。有时，就是无法削减需要放入移动网站的所有内容。...li> ul> 搜索筛选器栏添加一个文本输入，为用户提供一种功能可供他们输入正在查找的内容，同时列表将根据输入实时进行筛选。...使用 jQuery Mobile 进行文本输入，基本上也与原生文本输入相同；然而，您可以使用新的 HTML5 输入类型，如 email、tel 和 number。...该属性值将一个自定义 jQuery Mobile 选择列表转换为一个切换开关。结束语 jQuery Mobile 框架提供一个为移动网站创建可用 UI 组件的快速解决方案。

12K2 0

Web前端JQuery入门实战案例

jquery api 文档开发环境，测试环境，生产环境 git svn $(function(){ // 写jquery入口函数的第二种方法 }); jq对象和Dom对象 ul> li>...jquery选择器是jquery提供的一组方法，用来方便我们找页面中的元素，jquery选择器返回的是jquery对象。...:first 获取第一个元素示例：获取匹配的第一个元素 ul> li>1li> li>2li> ul> $('li:first'); 基本选择器： ul> li>1<...").css(); jquery的样式 css(name, value) name: 样式名 value: 样式值基本选择器 id选择器类选择器标签选择器并集选择器 $("#id, .green...").css("color","red"); 交集选择器 $("li.green").css(); 层级选择器子代选择器 $("ul>li"); 后代选择器 $("ul li"); <div id="

4.5K1 0

从零开始学 Web 之 jQuery（二）获取和操作元素的属性

2、 $("p") 是获取所有的 p 标签，然后全部设置文本内容，我们并没有循环设置，但是全部的 p 标签的文本内容都改变了，这是 jQuery 内部自动循环了，这就是隐式迭代。...语法：$("div ul span") 选择 div 下面所有 ul 下的所有的 span 标签，不包括 div 下面的 span，必须在 ul 里面。...7、子代选择器语法：$("div>span") 选择 div 的直接下一代的所有span，不能隔代。...8、兄弟选择器语法：$("div~span") 选择的是 div 后面的所有兄弟标签为 span 的标签。...li"); 查找除自身之外的所有兄弟节点当 next， prev 系列的方法，如果没写参数，则查找所有的兄弟节点；如果有参数，则查找所有兄弟节点中的指定元素。

2.3K4 0

Web前端基础（07）

$(“div:nth-child(n)”) 匹配是div并且是第n个而且要求元素是子元素 n从1 开始 ###表单选择器 $(":input") 匹配所有表单中的控件 $(":password") 匹配所有密码框...$(":radio") 匹配所有单选 $(":checkbox") 匹配所有多选 $(":checked") 匹配所有选中的单选/多选/下拉选 $(“input:checked”) 匹配所有选中的单选和多选..."> //先把所有二层ul隐藏 $("li>ul").hide(); //给第一层的所有li添加点击事件 $("body>ul>li").click(function(){...deltd.children().click(function(){ tr.remove();//删除按钮所在行 }) //前4个td里面显示的文本是用户输入文本框里面的文本,...,或者从我这里下,无需积分免费下载:jquery-1.4.2.js

5.7K2 0

jQuery性能优化指南

1，总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。...); // jQuery 选择到 ul> 元素 for (var i=0, l=top_100_list.length; i<l; i++){ $mylist.append("li>" + top...比如, 我们要为一个拥有很多输入框的表单绑定这样的行为: 当输入框被选中时为它添加一个class 传统的做法是，直接选中input，然后绑定focus等，如下所示： $("#entryform...6，推迟到 $(window).load jQuery对于开发者来说有一个很诱人的东西, 可以把任何东西挂到$(document).ready下。...你可以通过将jQuery函数绑定到$(window).load 事件的方法来减少页面载入时的cpu使用率。它会在所有的html(包括)被下载完成后执行。

1.2K1 0

jQuery的基本操作

$("li:first"): 结果 [li>list item 1li>] 　　:not(selector) //概述 //去除所有与给定时器匹配的元素 //在jQuery1.3中.已经支持复杂选择器了.../li> ul> ul> li>Glenli> li>Taneli> li>Ralphli> ul> jQuery代码 $("ul li:first-child...> ul> li>44444li> li>55555li> li>66666li> ul> jQuery代码 $("ul li:last-child...") 结果 [li>33333li>,li>66666li>] 　　:nth-child //概述 //匹配其父元素下的第N个子或奇偶元素 :eq（index）匹配选择器指定序列的元素,...ul> li>44444li> li>55555li> li>66666li> ul> jQuery代码 $("ul li:nth-child(2)

8.8K2 0

jquery入门

-1.12.4.js"> /* HTML中的代码是同步执行的：按照从上到下的顺序解释执行的为了保证页面中的标签加载完成之后执行...)：用于选中下标大于指定下标的所有jQuery对象li> li>选择器.lt(num)：用于选中下标小于指定下标的所有jQuery对象li>...li>选择所有的子元素: 选择器.children()li> li>选择所有的指定的子元素: 选择器.children("ul")li> li>二次筛选：选择器.has(子标签选择器)，选择所有包含指定子元素的父标签li> li>二次筛选：父选择器.find(子选择器)，从父选择器选中的标签中的子元素里面...li>sibings:选择所有的同级元素li> ul> jQuery DOM操作，操作标签数据内容

3.4K2 0

前端基础-jQuery选择器

第2章选择器 jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery选择器返回的是jQuery对象。...jQuery选择器有很多，基本兼容了CSS所有的选择器，并且jQuery还添加了很多更加复杂的选择器。...; 获取同一类标签的所有元素并集选择器 $(‘div,p,li’); 使用逗号分隔，只要符合条件之一就可。...层级选择器（重点）名称用法描述子代选择器 $(‘ul > li’); 使用-号，获取儿子层级的元素，注意，并不会获取孙子层级的元素后代选择器 $(‘ul li’); 使用空格，代表后代选择器，...获取ul下的所有li元素，包括孙子等跟CSS的选择器一模一样。

1K1 0

jQuery 制作美化版的 select 下拉选框

禁止其输入功能。用 ul li 来模拟下拉菜单。用 data 来模拟 value 开干 html 选择你要的参数"> ul> li data-value="1">参数1li> li data-value...="text" name="age" placeholder="请选择你要的参数"> ul> li data-value="1">参数1li>..."> 选择你要的参数"> ul> li data-value...ul> input 和 ul 元素，存与 class 为 fengselect 的 label 下。

1.9K2 0

学习jQuery这一篇就够了

子代选择器需求描述：选择 ul 下的所有 span 子元素，设置其背景为红色 ul> 我是ul的span1 li>我是li1 我是li1的span1...后代选择器需求描述：选择 ul 下的所有 span 元素，设置其背景为红色 ul> 我是ul的span1 li>我是li1 我是li1的span1...子元素筛选器需求描述：选择所有父级元素 ul 下的第一个子元素 li，设置其背景为红色 ul> li>我是列表项1li> li>我是列表项2li> li>我是列表项...3li> li>我是列表项4li> ul> $('ul li:first-child').css('background', 'red'); 需求描述：选择所有父级元素 ul 下的最后一个子元素...> $('ul li:last-child').css('background', 'red'); 需求描述：选择所有父级元素 ul 下的第二个子元素 li，设置其背景为红色 ul> li

3.5K5 0

jQuery基础与JavaScript与CSS交互-第五章

li>元素中的第一个li>元素 $(" li:last" )：选取所有li>元素中的最后一个li>元素 $(" li:even" )：选取索引为偶数的所有li>元素 $(" li:odd" )...：选取索引为奇数的所有li>元素 $(" li:not(.three)" )：选取class不是three的元素 $(":header" )：选取网页中所有标题元素 $(":focus" )：选取当前获取焦点的元素...用户交互设计学习参考书 ul> li>JavaScript DOM编程li> li>锋利的JQueryli> li>JQuery入门与提高li> li>JavaScript...高级编程li> li>JQuery权威指南li> li>JQuery实战li> ul> 图片代码： ...li>JavaScript高级编程li> li>JQuery权威指南li> li>JQuery实战li> ul> <script

1.2K3 0

「jQuery」基础 - 01

}); 总结：等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。...基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可，但是要加引号基础选择器 1.3.2. 层级选择器层级选择器最常用的两个分别为：后代选择器和子代选择器。...ul> li>我是ul 的li> li>我是ul 的li> li>我是ul 的li> ul>...筛选选择器筛选选择器，顾名思义就是在所有的选项中选择满足条件的进行筛选选择。...// 简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用。

8.1K2 1

jquery（1）

注意：jQuery选择器返回的是jQuery对象。 jQuery选择器有很多，基本兼容了CSS1到CSS3所有的选择器，并且jQuery还添加了很多扩展性的选择器。...(“div”); 获取同一类标签的所有元素并集选择器 $(“div,p,li”); 使用逗号分隔，只要符合条件之一就可。...层级选择器名称用法描述子代选择器 $(“ul>li”); 使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素后代选择器 $(“ul li”); 使用空格...，代表后代选择器，获取ul下的所有li元素，包括孙子等总结：跟css的选择器用法一模一样。...children(“li”) 相当于$(“ul>li”)，子类选择器 find(selector) $(“ul”).find(“li”); 相当于$(“ul li”),后代选择器 siblings

7242 0

jq---方法总结

$(".test"); // 选择所有带有CSS类名"test"的元素 $("[name=books]"); // 选择所有name属性为"books"的元素：针对input元素 // jQuery...对象，他们包含筛选到的元素 $("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素) $("ul li").first(); // 选取ul li中匹配的第一个元素...$("ul li").last(); // 选取ul li中匹配的最后一个元素 $("ul li").slice(1, 4); // 选取第2 ~ 4个元素 $("ul li").filter(":even...属性 find("ul") // 返回匹配这些div元素中的所有后代ul元素的jQuery对象 children() // 返回匹配这些ul元素中的所有子代元素的jQuery对象 $("selector...change()、输入域改变的时候 hover()、移入的时候 submit()(仅限于表单元素) 、mousedown()、鼠标按下的事件 mouseover()、移动至元素的时候 keydown

3.8K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭