在js中如何使用jquery的属性选择器

个人理解：可以更快捷的改变标签的属性

第一步先创建好需要用的标签：

然后再将jquery的js引入进文档

接下来就是如何使用属性选择器的内容了

第一种：

// [attribute!=value] 匹配所有不含有指定元素的属性，或者属性不等于特定值的元素。

$('input[name!="newsletter"]').attr('checked', true);

第二种：
// [attribute^=value] 匹配给定的属性是以某些值开始的元素
var ele = $('input[name^="news"]');
console.log(ele);
第三种：
// [attribute$ = value] 匹配给定的属性是以某些值结尾的元素
var ele2 = $('input[name$="letter"]');
console.log(ele2);
第四种：
// [attribute* = value] 匹配给定的属性是以包含某些值的元素
var ele3 = $('input[value*="man"]');
console.log(ele3);
$('input[value*="man"]').css('color','red');

这是我使用在js中如何使用jquery的属性选择器，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！

在js中如何使用jquery的属性选择器相关推荐

js中onload和jQuery中的ready区别
js中onload和jQuery中的ready区别 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. ------>不能写多个(如果有多个,只会执行一个) $(do ...
JS中window对象的opener属性
JS中window对象的opener属性 JS中window对象的opener属性 window.opener是js中window的一个属性,它返回的是打开当前窗口的窗口对象.如果窗口A弹出一个窗口B ...
jquery多属性选择器
[selector1][selector2][selectorN] 多个属性选择器 1.复合属性选择器,需要同时满足多个条件时使用,多个属性值取交集 2.例如 (1).查询一个input,类型是 ...
jQuery 对AMD的支持（Require.js中如何使用jQuery）
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案. AMD 模块格 ...
如何使用Vue.js中的set设置对象属性值
1.问题背景使用vue初始化一个对象v,并在data中初始化一个空对象obj,然后使用Vue.set()给对象obj添加属性 2.实现源码 <!DOCTYPE html> <htm ...
js中给html元素追加属性,JS为元素添加自定义属性
JS 除了可以操作 HTML 元素现有的属性外,还可以对 HTML 元素自定义属性以及对这些自定义的属性进行读.写操作.JS 可以为任何 HTML 元素自定义任意的属性(属性名必须符合标识符规范). ...
JS中修改元素内容，属性，样式的方法【详解】
改变元素内容的方法: .innerHTML=内容(可识别标签) .innerText=内容(只识别文本) 如果把属性作为集合,那么样式就是这个集合 ...
Js中对id和class属性进行模糊查询
如题,从例子说明: <div id="divid" class="divclass" ><a id="divid-a" c ...
js中取一个对象的部分属性
let obj = { a: 1, b: 2, c: 3, d: 4, e: 5, - }; 有时候对于这样的一个对象,我们只想获得其中的部分属性,有什么好方法呢? 一.delete方法 let ob ...

在js中如何使用jquery的属性选择器

在js中如何使用jquery的属性选择器相关推荐

最新文章

热门文章