在jQUERY li Grab上获取UL数据值 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jquery获取表单数据方法$.serializeArray()获取不到disabled的值

$.serializeArray()获取不到disabled的值经实验，$.serializeArray()获取不到disabled的值，如果想要让input元素变为不可用，可以把input设为readonly...,而不是disabled; 还有一种情况获取不到值，当页面中有两个一样name值的标签的时候，即使其中一个name值的input的样式为 display:none; 依然获取不到。

2.9K3 0

jQuery

1.获取 attr('属性'); // 类似原生 getAttribute() 2.设置 attr('属性', '属性值'); // 类似原生 setAttribute() 数据缓存data()...data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。...本质上是存放在元素缓存中，一旦页面刷新，之前存放的数据都将被移除。...); //得到数字型数据，获取H5自定义属性data-index时，直接写index即可 ---- jQuery 内容文本值主要针对元素的内容还有表单的值操作。...事件处理 1.事件处理 on() 绑定事件在匹配元素上绑定一个或多个事件的事件处理函数。

23K5 0

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

是的

没有找到

jQuery

$s(“Ii.current”) 交集元素 2.1.2 层级选择器名称用法描述子代选择器 $(“ul>li”); 使用>号，获取亲儿子层级的元素;注意，并不会获取孙子层级的元素后代选择器...$(“ul li”); 使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等 2.1.3 筛选选择器名称用法描述 :first $(‘li:first’) 获取第一个li元素 :last.../更改 prop('属性名','属性值'); 4.1.2 元素自定义属性值 attr() //获取 attr('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data...() 可以在指定的元素上存取数据，但不会修改DOM元素结构。...padding、border、margin 返回值是数字型的如果参数是数字，则修改样式参数不写单位 4.4.2 jQuery 位置操作 offset()设置获取元素偏移获取的位置是相对于文档的偏移坐标

10.2K1 0

前端之jquery函数库

对象用 $(this) }) 获取元素的索引值有时候需要获得匹配元素相对于其同胞元素的索引位置，此时可以用index()方法获取 var $li = $('.list li').eq(1); alert...ul class="list"> li>1li> li>2li> li>4li> li>5li> li>6li> ul> jquery...动画　　通过animate方法可以设置元素某属性值上的动画，可以设置一个或多个属性值，动画执行完成后会执行一个函数。...循环　　对jquery选择的对象集合分别进行操作，需要用到jquery循环操作，此时可以用对象上的each方法： $(function(){ $('.list li').each(function...@#$%^&*]{6,20}$/; //手机号码验证： var rePhone = /^1[34578]\d{9}$/;　事件冒泡什么是事件冒泡在一个对象上触发某类事件（比如单击onclick

5.9K2 0

学习jQuery这一篇就够了

# 2. height() 方法描述：获取内容元素 height 的值。 # 3. innerWidth() 方法描述：获取内容元素 width+padding 的值。...注意：同时移除元素上的事件及 jQuery 数据需求描述：将 ul 列表下所有的 p 子节点全部移除 ul> li>列表项1li> 我是段落1 li...如果传入一个 true，则表示是否会复制元素上的事件处理函数，从 jQuery 1.4 开始，元素数据也会被复制。...需求描述：要求移除上一节中设置的事件委托，然后在分别点击 li 进行验证是否移除事件委托 ul> li>1111li> li>2222li> li>3333li...# 4. jQuery 插件介绍 # 4.1 扩展 jQuery 工具给 jQuery 工具添加 4 个工具方法： min(a, b) : 返回较小的值 max(c, d) : 返回较大的值 leftTrim

3.5K5 0

jQuery DOM操作

var $li = $("ul li:eq(1)").remove(); // 获取第2个li>元素节点后，将它删除 $li.appendTo("ul"); // 将刚才删除的节点重新添加到...需要注意的是，这个方法不会将匹配的元素从jQuery对象中删除，其所有绑定的事件和附加数据可以保留下来。如果将来再使用这个元素，相关事件和数据依然存在。...var $li = $("ul li:eq(1)").detach(); // 获取第2个li>元素节点后，将它删除 $li.appendTo("ul"); // 重新追加此元素...ul> 设置和获取HTML、文本和值方法描述实例 html() 获取和设置某个元素中的HTML内容 var p_html = $("p").html(...//设置p元素的文本内容 val() 获取和设置某个元素中的值 var txt_value = $(this).val(); //获取this元素的值 $(this).

2.6K6 0

前端基础：jQuery

red"); // 使用转义符 $("#h2\\#x").css("color","red"); 事件鼠标事件鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件...(){ // 获取框中的值 var str = $(this).val(); // 将 h3 元素中的文本内容更改为 str $("h3"...click(function(){ // 1 秒内变成 50% 的透明度 $("div").fadeTo(1000,0.5); }); 链链是允许在同一个元素上在一条语句中运行多个...([selector]) 获取位于匹配元素前面和后面的所有同辈元素测试 p1 ul> li>ali> li>...$("ul").find("p").text(); // 在 ul 中查找 h3 元素，忽略层级 var x = $("ul").find("h3").text();

14.4K2 0

前端成神之路-01_jQuery

体验jQuery 步骤：引入jQuery文件。在文档最末尾插入 script 标签，书写体验代码。 $(‘div’).hide() 可以隐藏盒子。...1.2.4. jQuery中的顶级对象$ 是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用。...1.2.5. jQuery 对象和 DOM 对象使用 jQuery 方法和原生JS获取的元素是不一样的，总结如下 : 用原生 JS 获取来的对象就是 DOM 对象 jQuery 方法获取的元素就是...1.3. jQuery 选择器原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1.3.1....stop() 写到动画或者效果的前面，相当于停止结束上一次的动画。总结: 每次使用动画之前，先调用 stop() ,在调用动画。 1.5.6.

13.2K1 0

Jquery attr()方法属性赋值和属性获取

jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。... 1.attr(name)//获取属性的值 1.1使用attr(name)获取title值： alert($("ul li:eq(1)"...1.2使用attr(name)获取alt值： alert($("ul li:eq(1)").attr("alt")); 结果： ?...">菠萝li> 在li中添加alt是错误的，它只能用在img、area和input元素中（包括applet元素）。...当鼠标移至图片上该些文字亦会显示。 title：是鼠标放上去之后，会显示出来的文字。那么怎么删除属性呢? jquery中删除属性的关键词是: removeAttr 注意A是大写的.

11.4K4 0

jQuery

对象用 $(this) }) 获取元素的索引值有时候需要获得匹配元素相对于其同胞元素的索引位置，此时可以用index()方法获取 var $li = $('.list li').eq(1); alert...Code 回到顶部 8.jquery动画通过animate方法可以设置元素某属性值上的动画，可以设置一个或多个属性值，动画执行完成后会执行一个函数。...值 727-21*1 等同于 727-21*(5-$(this).index()) // 第4个li在右边的left值 727-21*2 等同于 727-21...： { "name":"luffy", "age":18 } 与json对象不同的是，json数据格式的属性名称和字符串值需要用双引号引起来，用单引号或者不用引号会导致读取数据错误。...; 2、localStorage 存储在本地，容量为5M或者更大，不会在请求时候携带传递，在所有同源窗口中共享，数据一直有效，除非人为删除，可作为长期数据。

5K2 0

jQuery

li> ul> console.log($('#box')) //注意：不管使用任何选择器，获取到的元素都是一个元素集合...value 值元素集合.val(‘内容’) 设置元素集合内元素的 value 值完全覆盖式的写入隐式迭代: 元素集合内有多少元素, 就写入多少元素 // 1. html() // 获取 // console.log...语法: 元素集合.css('width') => 获取元素的某一个样式的值, 不管是行内还是非行内都能获取到 1-2....=> 数据位置, 就是在事件触发的时候传递给事件处理函数的参数 1-5....ul // console.log(this) // } // } // 1-3. on(事件类型, 复杂数据类型, 事件处理函数) // $('li').

2.1K1 0

「jQuery」基础 - 01

体验jQuery 步骤：引入jQuery文件。在文档最末尾插入 script 标签，书写体验代码。 $('div').hide()可以隐藏盒子。...1.2.4. jQuery中的顶级对象$ 是 jQuery 的别称，在代码中可以使用 jQuery 代替，但一般为了方便，通常都直接使用。...jQuery 对象和 DOM 对象使用 jQuery 方法和原生JS获取的元素是不一样的，总结如下 : 用原生 JS 获取来的对象就是 DOM 对象 jQuery 方法获取的元素就是 jQuery 对象...1.3. jQuery 选择器原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1.3.1....stop()写到动画或者效果的前面，相当于停止结束上一次的动画。总结: 每次使用动画之前，先调用stop()，在调用动画。 1.5.6.

8.1K2 1

Cheeiro的使用

但是在使用cheerio时我们要手动加载我们的HTML文档首选的方式如下： var cheerio = require('cheerio'), $ = cheerio.load('ul id = "...选择器（selectors） cheerio的选择器几乎和jQuery一模一样，所以语法上十分相像 $( selector, [context], [root] ) selector在context的范围内搜索...如同在jQuery中一样，它是选择元素节点最重要的方法，但是在jQuery中选择器建立在CSS选择器标准库上。...属性操作（atrributes）用来获取和更改属性的方法： .attr(name, value) 这个方法用来获取和设置属性。获取第一个符合匹配的元素的属性值。...如果某个属性值被设置成null，那么该属性会被移除。

1.6K3 0

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

一、jQuery获取和操作元素属性 DOM中有很多方式获取元素，比如通过id，通过标签名，通过类名，通过name的值，通过选择器等方式。...在 jQuery 中就只有一种方式：$("选择器") 1、id 选择器语法： $("#id选择器的值") $(function () {// 页面加载 $("#btn").click(function...中的 .text() ，如果括号中没有值的话，是获取文本内容；如果有值的话，就是设置文本内容。...PS：jQuery中使用 jQuery对象.css("属性":"值"); 的方式设置标签的样式。 4、并集选择器语法：$("div,p,span")，中间使用逗号隔开。...小总结：jQuery中的一些方法 val(); // 获取或设置表单标签中的 value 值。 css(); // 设置元素的 css 样式属性值。

2.3K4 0

jQuery的基本操作

/在每个ul中查找最后一个li HTML代码 ul> li>11111li> li>22222li> li>33333li> ul> ul>... jQuery代码： $("img").removeAttr("src") 结果 [] 　　prop //概述 //获取在匹配的元素集合中的第一个元素的属性值...switch 用于决定元素是否包含class的布尔值· function(index，class，wsitch)[,switch] 1·用来返回在匹配的元素集合中的每一个元素上用来切换的样式类名的一个函数....接受两个参数,index为元素在集合中的索引位置,text为原先的text值· attay 用于 check/select的值无参数描述获取文本框的值 jQuery代码 $("input...li> ul> jQuery代码 $('li').first() 结果 [li>list item1li>] 　　last //概述 //获取最后一个元素实列 //描述 //

8.8K2 0

JQuery 入门 - 附案例代码

层级选择器名称用法描述子代选择器 $(“ul>li”); 使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素后代选择器 $(“ul li”); 使用空格，代表后代选择器，获取ul下的所有...特殊属性操作 val方法 val方法用于设置和获取表单元素的值，例如input、textarea的值 //设置值 $("#name").val('张三'); //获取值... jQuery补充知识点链式编程通常情况下，只有设置操作才能把链式编程延续下去。因为获取操作的时候，会返回获取到的相应的值，无法返回 jQuery对象。...$('.wrap>ul>li').mouseout(function () { $(this).children('ul').hide(); //hide()方法本质上还是更新display...$('#imagegallery>li>a').click(function () { //获取当前点击的a标签的href属性的值和title属性的值。

15K1 0

JQuery的属性操作及事件

一、属性操作1、固有属性（1）获取：选中元素.prop('属性名')console.log($('img').prop('src'));（2）设置：选中元素.prop('属性名','值')在指定元素上存取数据，不会改变dom元素结构。...页面刷新后，之前存储就会消失（1）获取：选中元素.data('属性名')$('img').data('a',5)（2）设置：选中元素.data('属性名','值')获取输出②attr()：在元素本身是可以看到设置的属性，也可以获取输出二、遍历操作1、区别（1）隐式迭代：给同一类元素做同样的操作（2）遍历操作：给同一类元素做不同的事情...ul> li>1li> li>2li> li>3li>ul> var colorArr = ['red','green','blue

2.2K7 0

JQuery

; }); ``` jQuery 属性操作 .html() .prop() .attr() 获取自定义标签的值,用法和prop一样循环 each $(function(){ $(...$(this).html(event) }) }) jquery事件事件描述 click() 点击事件 blur() 失去焦点 focus() 获取焦点 mouseover(...: 网页文档的根/根标签追加节点:同级追加和自己追加(前面后面) 步骤: 声明变量保存的节点数据使用追加函数追加节点子级追加: append()和appendTo()：在现存元素的内部，从后面放入元素...// 步骤：1、声明变量保存节点数据；2、使用追加函数追加节点 var $li = $('li>2222li>') // ul子级追加 // $li.appendTo...javascript发送http请求，与后台通信，获取数据和信息。

1.9K2 1

jQuery

:last 获取最后个元素 :eq(index) 匹配一个给定索引值的元素 :lt 匹配所有小于给定索引值的元素 :gt 匹配所有大于给定索引值的元素 :odd 匹配所有索引值为奇数的元素，从 0 开始计数...jQuery 对象内部的元素中找出部分匹配的元素, 并封装成新的 jQuery 对象返回方法描述 first() 获取第一个元素 last() 获取最后个元素 eq(index) 获取第 N 个元素...ul> // jQuery $("li").has("ul").css("background-color", "red"); 2.查找查找 jQuery 对象内部的元素的子孙/兄弟/父母元素, 并封装成新的...id="btn1">添加新的li 删除ul上的事件委托的监听器 // jQuery // 设置事件委托 $("ul").delegate...$div1.toggle(1000); }); 2.淡入淡出动画动画描述 fadeln() 淡入 fadeOut() 淡出 fade To() 在指导时长内慢慢将透明度修改指定的值

11.9K2 0

Jquery和vue对比

ECMA6在浏览器端的实现，jquery的使用率将会越来越低 2.vue介绍：vue是一个兴起的前端js库，是一个精简的MVVM。...比如需要获取label标签的内容：("lable").val();,它还是依赖DOM元素的值。 Vue则是通过Vue对象将数据和View完全分离开来了。...4.举例说明场景一：列表添加一个元素,下图为vue和jquery两种操作的代码，我们从中可以看出vue只需要向数据message里面push一条数据即可完成添加一个li标签的操作，而jquery则需要获取...id="list"> li>第1条数据li> li>第2条数据li> ul> li>第1条数据li> li>第2条数据li> ul> <button id="add

3.2K2 1

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭