jQuery属性选择器:如何使用自定义命名空间查询属性 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jQuery中属性选择器的使用

DOCTYPE html> 属性选择器的使用获取具有href属性的 DOM 对象获取属性值为www.baidu.com对象获取属性值不为www.baidu.com对象获取属性值以www开头的对象获取属性值以cn...结尾的对象获取属性值包涵it的对象获取属性值包涵www的对象并且title包含"是"的对象jquery-1.8.3.js"> $(document).ready(function () { $("button").eq(0).click(function

4.2K2 0

JavaScript类库---JQuery（一）

1、基础： Jquery类库定义了一个全局函数：JQuery(); 别名$.是JQuery在全局命名空间中定义的唯一两个变量。...2、可以使用object对象，该对象的属性名是Jquery关键字时，可用于传入属性值；参数为一个函数：文档加载完毕时调用；相当于onLoad()函数；形如$(function(){})或JQuery(...对象； index() : 参数为一个元素或字符串(当做CSS选择器使用)，返回值为该元素在此JQuery对象中的索引值，找不到返回-1； is() : 例：$(div).each(function()...{if($(this).is(':hidden')) return;}); 参数是一个选择器，匹配到就返回true； 2、JQuery中的属性操作： JQuery使用同一个方法来获取和设置属性，区别是参数的不同...动画：　　2、自定义动画：aniamte()方法，此方法接收两个参数：　　　　第一个指定动画内容，包括要变化的css属性和它们的目标值；　　　　第二个参数是可选的，指定如何定制动画；主要属性有

4.9K3 0

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

是的

没有找到

Bootstrap快速入门

CSS基本回顾优先级：（过去有一些误区）如何确定CSS的优先级，需要引入一个机制，分别用数字(a,b,c,d)表示优先组合，a表示style属性（行内样式），优先级最高，但由于一般使用class样式，...该值为0；b是该css选择器上id数量的总和，一般为1个；c是用在该css选择器上的其他属性css选择器和伪类的总和，包括class（.btn）和属性css选择器li[id=red];d计算元素div和伪元素...=function(e){} jQuery事件绑定：jQuery使用on和off来绑定和禁用时间，但bootstrap中稍有变化 $('td').on('click', function(event)...事件命名空间：可以看到上例中的事件click.bjork，bjork被称命名空间，当需要触发自己的时间时，命名空间就变得很有用，比如$('#first').trigger('click.bjork');...Html布局规则：基于元素自定义属性的布局规则，比如使用类似于data-target的自定义属性 javascript实现步骤：所有插件都遵循jQuery插件开发的标准步骤，所有的事件保持统一IDE标准

5.2K6 1

02-老马jQuery教程-jQuery事件处理

使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。参数: type:一个或多个事件类型，由空格分隔多个事件。...选择器字符串必须是完全匹配递到.on()事件处理程序附加的选择器。要删除非委托元素上的所有事件，使用特殊值 "**" 。处理程序也可以删除handler参数指定名称的函数。...自定义事件 jQuery对象的的on方法不仅仅能绑定DOM中已经定义的事件，而且还可以注册和触发非标准事件也就是自定义的事件。...事件命名空间如果一个dom标签上添加的事件非常多的时候，有时候需要进行对这些事件做一些分类和统一处理。那么对绑定的事件分类就需要用到事件的命名空间。...// 只触发click.demo命名空间的事件 }); 6.

3.7K8 0

jQuery 快速入门教程

内容目录 jQuery 入门什么是jQuery 如何使用jQuery jQuery的运行原理如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心：选取元素...如何使用jQuery jQuery的使用非常简单，我们只需要引入jQuery库的js文件，然后直接使用即可。...}else if(event.type == "mouseleve"){ // mouseleve事件的执行代码 } } ); // 事件名称可以带有命名空间...$("selector").bind( "mouseout.foo", handler ); 关于事件的命名空间，请参考 Event.namespace。...selector").trigger("click"); // 触发所有匹配元素上的change事件 $("selector").trigger("change"); // 触发所有匹配元素上绑定在foo命名空间下的

15.2K3 0

02-老马jQuery教程-jQuery事件处理

使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。参数: type:一个或多个事件类型，由空格分隔多个事件。...选择器字符串必须是完全匹配递到.on()事件处理程序附加的选择器。要删除非委托元素上的所有事件，使用特殊值 "**" 。处理程序也可以删除handler参数指定名称的函数。...$("#btnOffNameSpace").on('click', function(e) { // 解绑了命名空间的事件，其他命名空间的事件或者没有命名空间的事件不受影响...事件命名空间如果一个dom标签上添加的事件非常多的时候，有时候需要进行对这些事件做一些分类和统一处理。那么对绑定的事件分类就需要用到事件的命名空间。...// 只触发click.demo命名空间的事件 }); 6.

7.6K0 0

jQuery (二)

下方的是将函数f注册在命名空间myMond $('p').bind('mouseover.myMod', f); 下方的是将函数f注册到命名空间yourMod和mouseout中 $('p').bind...(); // 从所有元素中移除所有的jquery事件处理程序 $('a').unbind('mouseover mouseout'); // 移除两个属性 // 取消绑定在myMod命名空间下的所有...').unbind('.myMod'); // 取消同时绑定在ns1和ns2命名空间下的单击处理程序 $('a').unbind('click.ns1.ns2') 使用命名空间达到模块化的目的 // 使用函数名...animate()方法的第一个参数必须为对象，该对象必须为css的属性名（使用驼峰命名法）动画只支持数值属性，不支持颜色，字体，或者display的枚举属性。...不能污染命名空间，请在jquery上定义一个方法即可，如果有多个方法，请直接使用前缀如果有事件需要绑定，使用插件名作为命名空间，然后放在插件名中，即，不能使用全局的如果插件需要使用data()方法关联数据

10.8K3 0

jQuery基础

虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错约定：如果获取的是 jQuery...这是一个自定义的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。 over:鼠标移到元素上要触发的函数 out:鼠标移出元素要触发的函数自定义的DOM属性，在处理时，使用attr方法。...用来在jQuery命名空间上增加新函数。 ...在jQuery命名空间上增加两个函数: jQuery.extend({ min: function(a, b) { return a < b ?

2.5K6 0

jQuery架构设计与实现（2.1.4版本）

层级选择器 8.6.8 属性选择器 8.6.9 伪类选择器 8.6.10 过滤器 8.6.11 表单选择器 8.7 jQuery选择器的优化第九章：节点遍历 9.1....scrollLeft与.scrollTop 第十二章：属性操作 12.1 属性与特性 12.2 浏览器的API 12.3 关于jQuery属性钩子 12.4 属性钩子处理的兼容问题 12.4.1...13.12 jQuery自定义事件设计 13.12.1 了解自定义事件的概念 13.12.2 jQuery.trigger 与 document.dispatchEvent 区分...13.12.3 jQuery自定义事件原理 13.13 trigger的几种常见用法 13.13.1 常用模拟 13.13.2 触发自定义事件 13.13.3...传递数据 13.13.4 执行默认操作 13.14.5 trigger需要处理的问题 13.14 trigger源码解读 13.14.1 命名空间的过滤

1.3K5 1

JavaScript之事件及动画

return false; // 常见阻止表单提交等页面载入当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。...数组和类似数组的对象通过一个长度属性（如一个函数的参数对象）来迭代数字索引，从0到length - 1。其他对象通过其属性名进行迭代。...$("div").removeData("k"); //移除元素上存放k对应的数据插件 jQuery.extend(object) jQuery的命名空间下添加新的功能。...多用于插件开发者向 jQuery 中添加新函数时使用。示例： jQuery.extend({ min:function(a, b){return a 使用新添加的check()方法了。

1.7K5 0

Jquery开发插件的方法

){ return a+b; } }); 调用方法：$.add(3,4) - $=Jquery 为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了...,$.add(3,4); (2)Jquery.fn.extend(object) $.fn相当于Jquery的命名空间,fn上的成员(方法function以及属性peoperty)会对每一个实例都有效果...=jquery.property,所以它是对property进行扩展,为jquery添加"成员函数",jquery的实例都可以使用这个"成员函数" 假设我们要开发一款插件,做一个自定义弹框，那么代码可以这么写...: $.fn.extend({ zdyAlert:function(){ alert('自定义插件!')...; }; }); 调用方法:$('选择器').zdyAlert();

1K5 0

jquery jQuery快速入门

jQuery内容：选择器筛选器样式操作文本操作属性操作文档处理事件动画效果插件 each、data、Ajax 下载链接：jQuery官网中文文档：jQuery AP中文文档 jQuery...// DOM对象使用DOM的方法 jQuery基础语法 $(selector).action() 查找标签基本选择器 id选择器： $("#id") 标签选择器： $("tagName") class...jQuery版自定义模态框属性选择器： [attribute] [attribute=value]// 属性等于 [attribute!...： $("input[name='gender']:checked").val() 自定义登录校验示例属性操作用于ID等或自定义属性： attr(attrName)// 返回第一个匹配元素的属性值...$("div").removeData("k"); //移除元素上存放k对应的数据示例：模态框编辑的数据回填表格插件(了解即可) jQuery.extend(object) jQuery的命名空间下添加新的功能

19.5K5 1

全网最新、最全的jQuery核心知识，你真的不想点开看看嘛？

jQuery 1.jQuery介绍 JS中支持使用 $ 这个标识符引入：我们以前使用DOM对象来改变或者获取相关属性的value值，DOM对象的方法都特别的长，不容易记住，而且代码的观赏性较差，因此就出现了一种新的技术...一般情况下，在命名jQuery对象时，为了与DOM对象进行区分，习惯性的以开头，这不是必须的。...$(选择器).attr(“属性名”,“值”) : 对数组中所有 DOM 对象的属性设为新值。...使用jQuery以及Ajax实现省市级联查询使用的地方：比如填写淘宝收货地址的时候，在省份来点击河北省，下一个市区栏会自动变为河北省以下的市区名，选择好市区名下一栏会出现该市区内的街道等信息我们这里使用一下...这个例子中测试的两级查询，在实际生活中，会存在多个级别一起查询，方法一样，通过一级查询二级，通过二级查询三级，以此类推。

8K1 0

jQuery(一)

/ 学习中心：https://learn.jquery.com/ 推荐使用学习中心学习jquery 文档：https://api.jquery.com/ 推荐使用文档进行相关的查询封装jquery...，在上线的时候使用压缩的文件，节省空间。...ps 在这种情况下，不能使用纯文本，因为jQuery会将纯文本当成选择器解析。...jQuery函数 hQuery函数为定义在jQuery命名空间中的函数，或者静态方法 jQuery方法 jQuery方法是由jQuery函数返回的jQuery对象的方法。...查询与查询结果 $()返回值为一个jQuery对象，jQuery对象为类数组。

2.9K4 0

jQuery

$s(“Ii.current”) 交集元素 2.1.2 层级选择器名称用法描述子代选择器 $(“ul>li”); 使用>号，获取亲儿子层级的元素;注意，并不会获取孙子层级的元素后代选择器...$(“ul li”); 使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等 2.1.3 筛选选择器名称用法描述 :first $(‘li:first’) 获取第一个li元素 :last...自定义动画：animate() ; 第一个参数传入更改的样式属性,以对象形式传递，注意复合属性用驼峰命名,后面3个参数可以省略 $(function() {.../更改 prop('属性名','属性值'); 4.1.2 元素自定义属性值 attr() //获取 attr('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data...jQuery('div') 自定义名字。

10.3K1 0

前端编码规范

All Rights Reserved. */ 命名变量驼峰命名法私有属性变量方法 _开头常量全部字母大写, _分隔函数及函数的参数驼峰命名法类单词首字母大写, 类的方法及属性驼峰命名法...枚举变量单词首字母大写, 枚举属性全部字母大写, _分隔多个单词组成的缩写词, 在命名中, 根据当前命名法和出现的位置, 所有字母的大小写与首字母大小写保持一致命名词法类名使用名词 function...主题 className 类名 classNameSpace class 命名空间 True False 类型检测优先使用typeof 对象检测使用instanceof null 或 undefined...不准用"string".match() 多个参数使用对象字面量存储 jQuery 使用最新版本的jQuery jQuery变量以$开头, 并缓存到本地变量中复用, 使用驼峰命名法命名 jQuery选择器...如果需要，对事件使用自定义的 namespace，这样容易解绑特定的事件，而不会影响到此 DOM 元素的其他事件监听；对 Ajax 加载的 DOM 元素绑定事件时尽量使用事件委托。

2.2K7 1

XML快速入门的保姆级教程!!!

可以当做 ArrayList来使用 Element：元素对象 Node：节点对象快捷查询方式： 1. selector:选择器（根据类似于HTML中的选择器来查询XML中的标签元素） 2.xPathXPath...student.xsd约束的元素的时候，就使用a表示命名空间，如“a:students” 使用的所有student.xsd文档的文件必须都要写a: 当我们只引入一个约束文档的时候，也可以不给命名空间加前缀...，而是元素前面什么都不写，默认使用了当前唯一的命名空间。...如果我们引入多个约束文档，必须给约束文档定义命名空间。而2个元素文档的标签元素可能相同，必须使用命名空间来区分这些约束。...如果使用命名空间，看起来会很长，因此我们可以给命名空间起一个前缀名，这样看起来就简洁很多 --> <a:students xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance

1.4K3 0

JS框架设计之命名空间设计一种子模块

命名空间 1、种子模块作为一个框架的最开始,除了负责初始化框架的最基础部分。 2、种子模块作为框架的最开始,那么什么是种子框架的最开始呢?...3、众所周知,大多数框架在windows中立足是通过命名空间,基本上我们可以把命名空间看成是框架的名字,当然也有一些框架没有命名空间向Prototype.js,mootools等都有污染的问题,他的意义存在与整个执行环境的每个角落...4、Javascript的一切都是基于对象的,而Javascript通过复合类型的对象来构建命名空间比如:function,regexp,object等,我们往一个对象上添加一个属性,而这个属性又是一个对象...、YUI、EXT这些框架,YUI和EXT就是想上面给出代码那样,一叠罗汉的方式构建的,jQuery则另辟蹊径,他以选择器为向导,所以他的命名空间是一个函数,方便用户把css选择器字符串传进来,然后通过选择器引擎进行查找...7、jQuery(命名空间)多库共存问题因为jQuery最初也是非常弱小的,它想人家使用自己的框架,他也想Prototype那样使用$符作为命名空间。

1.3K10 0

jQuery笔记(1) (多图)

JS,把JS中的DOM操作做了封装,我们可以快速的查询使用里面的功能....如何使用: 首先我们去到jQuery官网,点击下载压缩的比较厉害,我们直接粘贴到我们自己创建的jQuery.min.js文件里就好了现在做一个操作感受一下jQuery的优势:...因为原生JS比jQuery大,原生的一些属性和方法jQuery没有给我们封装,想要使用这些属性和方法需要把jQuery对象转换成DOM对象才能使用....常用API 目标: (感觉好累) jQuery选择器 $('选择器') 里面选择器直接写CSS选择器即可,但是要加引号 jQuery设置属性 $('div').css('属性','值')...':'white', 'font-size': '20px'}') 没错,如果不加引号的话就只能使用驼峰命名法,后面的值如果不是数字的话就必须得加引号设置类样式方法作用等同于以前的classList

9.9K1 0

前端架构师之01_JQuery

插件文件的名称建议遵循“jquery.插件名.js”的命名规则，防止与其他JavaScript库插件混淆。...方法2: function(参数列表){ // 实现插件的代码 …… } }); 将自定义函数附加到jQuery命名空间下，从而作为一个公共的全局函数使用。...自定义选择器 $.expr[":"].方法名称 = function(obj) { // 自定义选择器代码 return 匹配HTML元素的条件; }; 用户可以利用jquery.expr...实现选择器的自定义。...obj表示进行匹配的HTML元素对应的jQuery对象。根据需要对jQuery对象的属性进行判断，并使用return返回匹配结果。

3.1K0 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭