data 原生用法 jquery 用法

//原生js:

document.getElementById("obj").dataset.bid = "1";//赋值
var bid = document.getElementById("obj").dataset.bid;//取值

document.getElementById("obj").setAttribute("data-bid", "1");//赋值
var bid = document.getElementById("obj").getAttribute("data-bid");//取值

//jquery用法:

$(‘#obj‘).data(‘bid‘, ‘1‘);//赋值

var bid = $(‘#obj‘).data(‘bid‘);//取值

$(‘#obj‘).attr(‘data-bid‘, ‘1‘);//赋值

var bid = $(‘#obj‘).attr(‘data-bid‘);//取值

  

时间: 2024-10-31 14:13:35

data 原生用法 jquery 用法的相关文章

总结几个关于 jQuery 用法

有关 jquery 用法 目录: $.trim() $.inArray() $.getJSON() 事件委托 on 遍历closest() ajaxSubmit() 拖拽排序 dragsort() 进入正文 ing... 1. jQuery.trim(str) 解释:从字符串的开头和结尾删除空格. var str=' hello hi '; var new_str=$.trim(str); console.log(str.length) // 12 console.log(new_str.len

Jquery用法

向您的页面添加 jQuery 库 jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数. 可以通过下面的标记把 jQuery 添加到网页中: <head> <script type="text/javascript" src="jquery.js"></script> </head> 请注意,<script> 标签应该位于页面的 <head> 部分. Jq

jQuery.data的是jQuery的数据缓存系统

jQuery.Data源码 jQuery.data的是jQuery的数据缓存系统.它的主要作用就是为普通对象或者DOM元素添加数据. 1 内部存储原理 这个原理很简单,原本要添加在DOM元素本身的数据,现在被集中的存储在cache集合中.它们之间靠一个从1开始的数字键来联系着.这样DOM元素就不会像以前那么笨重了,更不会出现以前那种循环引用而引起的内存泄漏.现在DOM只需要保存好这个数字键值即可.这个属性值被保存在DOM元素的一个属性里,该属性名是由jQuery.expando生成的. 2 Da

图片轮播(左右切换)--js原生和jquery实现

图片轮播(左右切换)--js原生和jquery实现 左右切换的做法基本步骤跟 上一篇文章  淡入淡出 类似,只不过修改了一些特定的部分 (1)首先是页面的结构部分 对于我这种左右切换式 1.首先是个外围部分(其实也就是最外边的整体wrapper) 2.接着就是你设置图片轮播的地方(也就是一个banner吧) 3.然后是一个图片组(可以用新的div 也可以直接使用 ul-->li形式) 4.然后是图片两端的左箭头和右箭头5.然后是一个透明背景层,放在图片底部 6.然后是一个图片描述info层,放在

java中静态代码块的用法 static用法详解

(一)java 静态代码块 静态方法区别一般情况下,如果有些代码必须在项目启动的时候就执行的时候,需要使用静态代码块,这种代码是主动执行的;需要在项目启动的时候就初始化,在不创建对象的情况下,其他程序来调用的时候,需要使用静态方法,这种代码是被动执行的. 静态方法在类加载的时候 就已经加载 可以用类名直接调用比如main方法就必须是静态的 这是程序入口两者的区别就是:静态代码块是自动执行的;静态方法是被调用的时候才执行的.静态方法(1)在Java里,可以定义一个不需要创建对象的方法,这种方法就是

原生和jQuery的ajax用法

jQuery的ajax方法: $.ajax({ url:'/comm/test1.php', type:'POST', //GET async:true, //或false,是否异步 data:{ name:'yang',age:25 }, timeout:5000, //超时时间 dataType:'json', //返回的数据格式:json/xml/html/script/jsonp/text beforeSend:function(xhr){ console.log(xhr) consol

jQuery用法总结

-- 该笔记的整理引用自[http://www.cnblogs.com/Chenfengtao/archive/2012/01/12/2320490.html],感谢博主的整理!-- jQuery简介 jQuery是一个javascript的函数库,本质是对JS的一个封装,可以更加方便使用.比如JS中取对象document.getElementById()但用jquery的话$("#id")即可.使用Jquery可以: 1.快速获取文档元素 jQuery的选择机制构建于CSS的选择器,

JDBC(Java Data Base Connectivity)基本用法

一.什么是JDBC JDBC(Java Database Connection)为java开发者使用数据库提供了统一的编程接口,它由一组java类和接口组成.是java程序与数据库系统通信的标准APl. JDBC API使得开发人员可以使用纯 java 的方式来连接数据库,并执行操作. sun公司由于不知道各个主流商用数据库的程序代码,因此无法自己写代码连接各个数据库.因此,sun公司决定自己提供一套api,凡是数据库想与Java进行连接的,数据库厂商自己必须实现JDBC这套接口.而数据库厂商的

jQuery用法小结

filtering过滤: .not('' ) 在所选元素集合中,  排除特定的元素 $( "li" ).not( ":even" ).css( "background-color", "red" ); .filter('') 在所选集合中,选定特定的元素:与.not( )相反: .eq(num )  num:0 1 2 3 4... .has(“ul”)  $( "li" ).has( "ul&q