如何在插件配置过程中访问$(this)元素以使用jQuery获取data()属性？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

前端架构师之01_JQuery

=current]")获取class不等于current的所有元素 [attr^=value] 获取属性值以value开始的元素 $("div[class^=box]")获取class属性值以...box开始的所有元素 [attr$=value] 获取属性值以value结尾的元素 $("div[class$=er]")获取class属性值以er结尾的所有元素 [attr*=value...[attrN] 获取同时拥有多个属性的元素 $("input[id][name$='usr']")获取同时含有id属性和属性值以usr结尾的name属性的元素 2.2.7 子元素选择器...在获取或设置属性时，建议操作元素的状态，如checked、selected或disabled时使用prop()方法，其他的情况使用attr()方法。...ery-ui.min.js"> > 在实际项目中若只做中文开发，则每次使用时都配置这些属性会比较麻烦，建议将中文相关的配置保存到一个JavaScript文件中，每次使用时直接引用即可。

3.1K0 0

jQuery基础(五)一Ajax应用与常用插件-imooc

方式从服务器获取数据 1-5 使用post()方法以POST方式从服务器发送数据 1-6 使用serialize()方法序列化表单元素值 1-7 使用ajax()方法加载服务器数据 1-8 使用...options}) 其中linkimage参数为包含图片的元素名称，options为插件方法的配置对象例如，以列表的方式在页面中展示全部的图片，当用户单击其中某张图片时，通过引入的图片插件，采用...selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向...3-5选项卡插件——tabs 使用选项卡插件可以将中的选项定义为选项标题，在标题中，再使用元素的“href”属性设置选项标题对应的内容，它的调用格式如下： $(selector)....在jQuery中，通过.browser对象可以获取浏览器的名称和版本信息，如.browser.chrome为true，表示当前为Chrome浏览器，.browser.mozilla为true，表示当前为火狐浏览器

19.2K2 0

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

是的

没有找到

java学习与应用（4.6）--过滤器、监听器、JQuery、AJAX、JSON等

使用JQuery获取元素JQuery对象（\$("#id")，\$("tag")等选择器），然后可以转换为js对象，两种对象都可以当做数组使用，方法不通用，但是前者更方便，如拥有将内容修改方法html等...JQuery的DOM操作内容操作方法如：html获取标签体内容，text获取存文件内容，val获取属性value值。可以获取并修改其内容。...属性操作：通用操作如：attr获取（传入键）/设置（传入键值）属性，removeAttr删除属性，prop获取/设置属性，removeProp删除属性。...remove方法移除元素，empty清空所有元素的子元素。其他方法见jquery手册如clone方法。 JQuery的动画 JQuery的动画，遍历方法，事件绑定。动画使用见图片。...插件：可以增强JQuery的功能。

7K1 0

Python全栈之jQuery笔记

DOM对象: 使用JS的方式获取的元素就是JS对象(DOM对象). jQuery对象: 使用jQuery的方式获取的元素就是jQuery对象.....通过jQuery,您能够向下遍历DOM树,以查找元素的后代....具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop() 注意: 1.1类比attr操作的css操作: jQuery通过...(gulp-autoprefixer) 文件改名字 (gulp-rename) 3.3 前端性能优化从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度...事件委托) 12、避免多次访问dom选择集 13、高频触发事件设置使用函数节流，如：onmousemove、onmouseover 14、使用Web Storage缓存数据

6.7K4 0

jQuery 教程

CSS属性的对象 jQuery 杂项方法方法描述 data() 向被选元素附加数据，或者从被选元素获取数据 each() 为每个匹配元素执行函数 get() 获取由选择器指定的 DOM 元素 index...访问 jQuery Validate 官网，下载最新版的 jQuery Validate 插件。...jQuery animate() – 使用相关值演示如何在 jQuery animate() 方法中使用相关值。...jQuery val() – 获取值使用jQuery val() 方法获取表单的字段值。 jQuery attr() – 获取属性值使用jQuery attr() 方法获取属性值。...jQuery css() – 返回 CSS 属性返回第一个匹配元素的css属性值 jQuery css() – 设置 CSS 属性设置所有配置元素指定的 CSS 属性 jQuery css(

21.1K2 0

Bootstrap快速入门

或value- [att^=value] 属性值以什么开始 [att$=value] 属性值以什么结束 [att*=value] 属性值包含特定值子选择器：用>表示，例如table>thread>tr...$.data():在很多js插件中都是用$(selector).data()方法，意思是收集指定元素上所有以data-开头的自定义属性，并合并成一个对象字面量。...Html布局规则：基于元素自定义属性的布局规则，比如使用类似于data-target的自定义属性 javascript实现步骤：所有插件都遵循jQuery插件开发的标准步骤，所有的事件保持统一IDE标准... BootStrap中的js都遵循同样的步骤来实现js插件，如下所示声明立即调用函数，如+function($){"use strict";}(jQuery); 定义插件类及相关原型方法...，如Alert.prototype.close 在jQuery上定义插件并重设插件构造函数，如$.fn.alert.Constructor=Alert 防冲突处理，如$.fn.alert.noConflict

5.2K6 1

JQuery基础

使得用户可以就近取得所需内容，提高网站访问速度。使用大公司CDN好处：许多用户在访问其它站点时，已经从百度、新浪、谷歌和微软加载过jQuery。...如需使用：需从 jquery.com 下载颜色动画插件。默认：jQuery animate()采用队列来操作效果。队列：先进先出。...如： $('p').css('font-size':'10px').show().hide(); 第六部分：jQuery HTML 1.获取内容和属性 --　　获取内容： text()：设置或获取所选元素的文本内容...html()：设置或获取所选元素的内容(包括HTML标记) val()：设置或获取表单字段的值 --　　获取属性： attr()：设置或获取属性值　　ps1：以上函数不传入参数时是获取；传入参数时是设置...（有参数设置值；无参数获取值）；css有参数：css("propertyname":"value")，建议属性名和属性值都加上引号；如果属性名不加引号，要使用驼峰标记法：如margin-left变为marginLeft

6.8K5 1

jQuery

一、语法简介 $("选择器") 或 jQuery("选择器") var 元素对象 = $("选择器"); eg: var 元素对象 = $("#id值"); 元素对象.val(); // 获取当前对象上...value属性的值 jQuery和javaScript的区别 1.注意事项：使用jQuery的方式获取的对象称为jQuery对象; jQuery对象本质上是js对象数组; 使用dom的方式获取的对象称为...： [属性名] 获取元素上带有该属性名的元素对象 [属性名='值'] 获取元素上带有该属性名且值为''的元素对象属性选择器一般和标签选择器联合使用：div[属性名=‘值’] 基本过滤：：first...：attr():设置或者获取元素的属性单个属性：jq对象.attr() jq对象.removeAttr("属性名") 多个属性：jq对象.attr( { “属性”：”值“，”属性“ ： ”值...，没有就是添加 css样式：设置css样式：jq对象.css("属性"，"值")； | jq对象.css({"属性"：“值”，“属性1”：“值1”}) 获取元素的宽和高：jq对象.width()

5.4K2 0

无比强大的图片裁剪工具库！牛X！

最近项目中入手了一个非常实用的插件，这里和大家一起分享下：通过canvas实现图片裁剪的工具--cropper.js cropper.js简介 cropper是一款使用简单且功能强大的图片剪裁jQuery...基于canvas技术，支持canvas的浏览器都可以使用该插件。通过Base64编码导出剪裁后的图片。可以通过json数据来获取图片的位置和大小。可以通过json数据来设置图片的位置和大小。...可以通过URL来获取图片。安装和使用下载安装 cropper需要配合jQuery使用，因此需要同时引入cropper和jQuery。...// jquery获取元素 var $image = $('#image'); // 通过jquery Dom 的cropper方法初始化 $image.cropper({ aspectRatio:...的cropper属性获取初始化后获取Cropper.js实例 var cropper = $image.data('cropper'); 配置和方法大师兄这里略过cropper实例初始化配置的部分，

2.8K3 0

求职 | 史上最全的web前端面试题汇总及答案2

③当然jQuery还有非常有用的其它特性，如为dom对象绑定数据、动画、等。并且jQuery还非常容易扩展，在它的基础上开发非常灵活，也有众多的插件可用，如jQueryUI、easyUI等。...使用bind()方法注册事件，但通常我们使用与事件同名的方法注册更方便，如：click()、hover()等。 4、如何获取Html内容？如何获取文本内容？如何获取属性值？如何获取input值？...可以使用html()获取html内容。使用text()获取文本内容。使用attr()可以获取属性值，使用css()可以获取样式属性值。...通过val()便可以获取input的值把节点元素名加上作为参数调用jQuery方法便可创建新节点,如：jQuery(“”)。 5、如何向页面插入节点？...11、你知道jQuery插件吗？你了解jQuery执行原理和插件机制吗？你都用过哪些jQuery插件？ ①知道jQuery插件。 ②其原理是扩展jQuery本身及其核心函数的原型实现。

8.4K2 0

JQuery快速入门

在使用jQuery时，需要注意jQuery对象和DOM对象的区别，通常对于jQuery对象，会在变量前加$，如var $variable=jQuery对象;。可以通过如下方式对两者进行转化。...DOM操作示例查找结点获取元素结点：var $li = $('ul li:eq(1)'); 获取属性结点：var p_txt = $li.attr('name'); 创建结点 jQuery工厂方法...获取属性值：var p_txt = $('p').attr('title'); 设置属性值：$('p').attr('title', 'title xionger'); 删除属性：$('p').removeAttr...需要注意的，jQuery实际上对event进行了封装，以屏蔽不同浏览器的差异，event.target用于获取触发事件的元素，.relatedTarget获取相关元素(mouseover,mouseout...({left:'500px'},3000); .stop(param),停止动画,param=true，可以清空动画队列 jQuery插件非常多，但最常用的要数验证插件了，最后通过一个示例来了解validation

3.5K10 0

Parallax.js–自适应智能设备方向的视差引擎

你可以将它作为作为jQuery或Zepto插件来使用，也可以以纯JS的方式来使用。... 在视差场景中移动的每个项目的类别layer和data-depth指定其在场景中的深度的属性。深度0，将导致层保持静止。深度1，将使层通过所计算出的运动的总效果移动。...行为属性配置参数你可以为任何给定的Parallax实例设置如下这些行为的配置参数。可以在HTML标签中使用data属性来指定，也可以通过构造函数和API在JavaScript中指定。...其他API方法上面说过，一些属性参数配置项可以通过方法来指定，如scalar-x和scalar-y，就可以通过scalar(x, y)来调用。...插件使用如果你将Parallax.js作为jQuery或Zepto插件来使用，可以如下方式使用： $('#scene').parallax(); //或带参数的用法： $('#scene').

2.1K4 0

JQuery常用命令

=value] 属性值不等于value的属性 (4). [attribute^=value] 属性以value开头的属性 (5)....-*扩展属性，可以使用 attr()方法，也可以使用 data() 方法，如：data-my-target="1.jpg"> ①. var v = $(...).data('my-target')...面试题：在操作元素的相关属性时，使用 attr()、val()、prop()、data()有何区别？...attr() 一般只用于操作元素的 HTML 字面属性，如 src、href、name.. val() 操作的是HTML 元素对应的 JS 对象的 value 属性 prop() 操作的是 HTML 元素对应的...JQuery 全局插件函数原本要声明的工具函数（如 max()/min()）如果声明为全局函数，会造成“全局对象(window)的污染；为了避免污染全局对象，可以把这些函数纳入到 JQuery 对象的名下

7.5K1 0

前端之jQuery

1.2jQuery的内容：选择器筛选器样式操作文本操作属性操作文档处理事件动画效果插件 each、data、Ajax 下载链接：jQuery官网中文文档：jQuery AP中文文档...对象，当我们通过模糊筛选得到多个标签时（这些标签以数组的形式返回）得到的就是标签需要使用$(' ')转为jQuery对象，只有jQuery对象才能使用以下方法。...用于checkbox和radio prop() // 获取属性 removeProp() // 移除属性注意：在1.x及2.x版本的jQuery中使用attr对checkbox进行赋值操作时会出bug...注意：在遍历过程中可以使用 return false提前结束each循环。...jQuery的原型，以提供新的jQuery实例方法。

6.1K2 1

金九银十求职季，前端面试大全送给你

在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 2、行内元素有哪些？块级元素有哪些？...每个元素都有一个diaplay属性，确定该元素的类型，比如块级元素默认值就是block,行内元素就是none 行内元素：span a u i b img input slect。。。...实例已完成以下的配置：用上面编译好的html内容替换el属性指向的DOM对象。完成模板中的html渲染到html页面中。此过程中进行ajax交互。...47、微信小程序怎样跟事件传值给HTML元素添加data-*属性来传递我们需要的值，然后通过e.currentTarget.dataset或的param参数获取。...后端需要进行对称解密 50、微信小程序怎样获取用户信息微信小程序获取用户信息需要用户授权，首先用户登陆微信小程序使用wx.login这个API，然后通过wx.getUserInfo这个API在拿到用户信息

1.9K2 0

一个小时学会jQuery

除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。...3.2.1、通过id获取元素在CSS中经常使用id来控制元素，在jQuery中获取元素时，也使用同样方法。与CSS一样，在id前面加上#号。...语法：$(".className") 本例通过类名来获取元素，因为使用同一个类样式的元素可能有多个，所以通过类名来获取元素返回的将是一个数组对象，即jQuery中的包装集，然后对此包装集中的元素进行相关操作...在CSS中我们通常使用标签名来为这一类标签定义样式，在jQuery中也可以用同样方法来获取标签元素。...settings是ajax参数对象，如: //ajax一般形式，路径也可以使用setting中的url属性 $.ajax(""some.php"", { type: "POST", data

22.4K7 1

Vue.js 通过举一反三建立企业级组件库

解耦完后如何在公司内部建立组件库供其他人使用？...如何安装插件如何从开源插件的源码获得经验解耦的关键点是什么如何灵活控制复杂样式建立企业级内部组件库的详细步骤如何安装插件在 Vue 的插件的使用过程中，首先需要搞清楚几个概念，如下： ?...通过 .fn[NAME] 的形式，也就是使用属性访问器，来对 jQuery 的原型进行扩展，然后再直接使用 (selector).alert('...') 进行调用。...通过使用 prefixCls 这种前缀，相当于为元素使用命名空间，来区分其他的元素，避免引起冲突在拼接的类中，通过 computed 计算属性或者是 watch 侦听属性，来实现样式的动态修改。...再次使用公网 IP 访问，内网的可以使用局域网 IP 访问： ?

2.7K3 0

webpack 高级配置与优化，让你的项目飞起来

html 页面，打包多页面也是使用 html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin 插件对象只能打包出一个 html...所以必须配置 chunks 属性，来指定打包输出后的 html 文件中要引入的输出模块，数组的元素为 entry 属性值为对象的时候指定的 chunk 名，如上配置，才能实现，index.html 只引入...是 module 配置中的一个属性，其属性值为一个正则表达式，填入不被解析的模块名称。...loader 进行处理，exclude 是 loader 配置中的一个属性，属性值为正则表达式，如: module.exports = { module: { rules: [...jquery，如果按以上配置，那么 jquery 也会被打包进 foo.js 中，会导致代码混乱，所以我们希望将 jquery 单独抽出来，即与 foo.js 分开，我们可以复制一份以上配置，并通过设置抽离代码权重的方式来实现

1.3K3 0

在ASP.NET MVC5中实现具有服务器端过滤、排序和分页的GridView

通过前文，我们已经了解到使用 jQuery 插件的数据表可以很容易地实现具有搜索、排序和分页等重要功能的表格。 ?...现在，我们开始创建数据库上下文类，这个类将会被Data Access实体框架使用。创建模型和数据访问首先，我们需要为 Asset 表创建一个模型，我们将会使用这个模型通过 ORM 来恢复数据。...数据表初始化我们删除了表单的 head 和 body 元素，因为这些会通过数据表插件自身生成。..., filteredCount, totalCount), JsonRequestBehavior.AllowGet); } 我们正在使用实体框架来访问数据，但它不是强制性的...requestModel.Length 将会告诉用户查看的页面有多少行数据，这个用户可以使用页面中的 combo 框来进行配置。

7.6K8 0

学会webpack 高级配置与优化

打包多页面应用所谓打包多页面，就是同时打包出多个 html 页面，打包多页面也是使用 html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin...属性的配置，因为在没有配置 chunks 属性的情况下，打包输出的 index.html 和 foo.html 都会同时引入 index.js 和 foo.js。...所以必须配置 chunks 属性，来指定打包输出后的 html 文件中要引入的输出模块，数组的元素为 entry 属性值为对象的时候指定的 chunk 名，如上配置，才能实现，index.html 只引入...loader 进行处理，exclude 是 loader 配置中的一个属性，属性值为正则表达式，如: module.exports = { module: { rules: [...jquery，如果按以上配置，那么 jquery 也会被打包进 foo.js 中，会导致代码混乱，所以我们希望将 jquery 单独抽出来，即与 foo.js 分开，我们可以复制一份以上配置，并通过设置抽离代码权重的方式来实现

1K3 0

点击加载更多

前端架构师之01_JQuery

jQuery基础(五)一Ajax应用与常用插件-imooc

java学习与应用（4.6）--过滤器、监听器、JQuery、AJAX、JSON等

Python全栈之jQuery笔记

jQuery 教程

Bootstrap快速入门

JQuery基础

jQuery

无比强大的图片裁剪工具库！牛X！

求职 | 史上最全的web前端面试题汇总及答案2

JQuery快速入门

Parallax.js–自适应智能设备方向的视差引擎

JQuery常用命令

前端之jQuery

金九银十求职季，前端面试大全送给你

一个小时学会jQuery

Vue.js 通过举一反三建立企业级组件库

webpack 高级配置与优化，让你的项目飞起来

在ASP.NET MVC5中实现具有服务器端过滤、排序和分页的GridView

学会webpack 高级配置与优化

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐