关于Jquery.Data()和HTML标签的data-*属性

【关于Jquery.Data()和HTML标签的data-*属性】的更多相关文章

jQuery动态添加li标签并添加属性和绑定事件

代码如下: <%@page import="java.util.ArrayList"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&q…

Jquery.Data()和HTML标签的data-*属性一.总结一句话总结: 在页面中用到要用标签存数据还是用HTML标签的data-*属性,这样不会破坏html本身的结构 1.使用HTML标签的data-*属性的好处是(相比于直接给标签属性)? 不会破坏html本身的结构 2.jquery获取HTML标签的data-*属性实例? |||-begin <div id="awesome" data-myid="3e4ae6c4e">Some awe…

JS组件系列——使用HTML标签的data属性初始化JS组件

前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就需要js的初始化,所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码,看着很闹心.于是想起bootstrap table里面的data属性来,如果能够直接在html里面使用data-*这种方式来初始化简单的组件,那该多爽.我们先来看看bootstrap table的…

jQuery中attr()、prop()、data()用法及区别

.attr(),此方法从jq1.0开始一直存在,官方文档写的作用是读/写DOM的attribute值,其实1.6之前有时候是attribute,有时候又是property..prop(),此方法jq1.6引入,读/写DOM的property..data(),此方法在jq1.2.3引入,作用是把任意的值读取/存储到DOM元素对应的jq对象上. 从性能上对比,.prop() > .data() > .attr(),不同浏览器不同版本.data()和.attr()的性能关系有差异,不过.prop()…

jquery在元素中存储数据:data()

转自:http://www.php.cn/js-tutorial-405445.html 在元素中存储数据:data() 1 2 3 4 5 6 7 8 9 10 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>3.在元素中存储数据:data()</title> </head> <body> <img src=&q…

jquery方法详解--bind(type, [data], fn)

转自:http://www.zhufengpeixun.cn/jquery/bind_type_data_fn.html bind(type, [data], fn) 返回值::jQuery 概述为每个匹配元素的特定事件绑定事件处理函数. .bind() 方法是用于往文档上附加行为的主要方式.所有JavaScript事件对象,比如focus, mouseover, 和 resize,都是可以作为type参数传递进来的. jQuery还提供了一些绑定这些标准事件类型的简单方式,比如.click…

jquery.tagthis和jquery.autocomplete一起实现标签

目的 jquery.tagthis:http://www.dangribbin.co/jquery-tag-this/demo/ 使用tagthis控件实现标签的输入提醒功能,每个标签具有id和text两个属性. 实现 1.定义Html输入标签 <input name="jobTag" id="jobTag" /> 2.初始化标签 $(function () { $('#jobTag').tagThis({ noDuplicates: true, def…

jQuery输入框回车添加标签特效

效果如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co…

jquery遍历集合&数组&标签

jquery遍历集合&数组的两种方式 CreateTime--2017年4月24日08:31:49Author:Marydon 方法一: $(function(){ $("input:button").click(function(){ $.getJSON("testAction",function(data){ var content = ""; /*方法一*/ $(data).each(function(index,value){…

jQuery --- 利用a标签的download属性下载文件！

最近遇到一个项目,需要有点击下载文件的功能. 由于文件格式是多种的,对于 rar / zip / rtf / doc / xlsx / jpg等. 点击下载有的是直接跳转到后进行下载,但有的是打开进行预览,例如:txt / img / pdf 这些文件的下载可以使用 a 标签的download 属性来进行下载: 参考: http://www.w3school.com.cn/tags/att_a_download.asp https://blog.csdn.net/cynl7/article/de…