jquery和JavaScript的转换，size(),each(),index()，data()

最新推荐文章于 2023-09-05 11:07:09 发布
最新推荐文章于 2023-09-05 11:07:09 发布
阅读量243 收藏
点赞数
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40002902/article/details/80197440
版权

js对象和jQuery对象的方法不能共用。


js对象--->jquery对象

$(js的dom对象)


jquery对象--->js对象

$('jquery选择器')[index].js的dom方法,

$('jquery选择器').get(index).js的dom方法

注：outHtml是js返回本身标签的方法


size()和length属性的用处一样滴


each()和index()看下面的demo

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	</head>
	<body>
		<div id="box">
			<a>hhh111</a>
			<a>hhh222</a>
			<a>hhh333</a>
			<a>hhh444</a>
			<a>hhh555</a>
			<a>hhh666</a>
			<a>hhh777</a>
		</div>
		<script>
			$(function(){
				$("a").each(function(i,e){//e可用jQuery的this对象替代
					$(e).attr({"href":"#"+i});
					console.log($(e).index("#box a"));
				})
//				$("a").each(function(i){
//					$(this).attr({"href":"#"+i});
//					console.log($(this).index("#box a"));
//				})
			})
		</script>
	</body>
</html>

data():给jQuery对象添加值，并未改变标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	</head>
	<body>
		<div id="box">
			<a>hhh111</a>
			<a>hhh222</a>
			<a>hhh333</a>
			<a>hhh444</a>
			<a>hhh555</a>
			<a>hhh666</a>
			<a>hhh777</a>
		</div>
		<script>
			$(function(){
				$("a").each(function(i,e){//e可用jQuery的this对象替代
					$(e).data({"href":"#"+i});
					console.log($(e).data("href"));
				})
			})
		</script>
	</body>
</html>

_Aragaki_Yui_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery $.each()使用探讨
12-01
`jQuery` 的 `$.each()` 方法是用于遍历对象或数组的一个强大工具，它在JavaScript开发中被广泛使用，尤其是在处理jQuery对象时。这个方法允许我们对集合中的每个元素执行一个函数，提供了一种简洁的方式来迭代数组...
js里size和length的区别
weixin_34261739的博客
03-29 2594
length：length是js的原生方法，用于获取元素的个数和对象的长度var length = $(obj).length;size():size()属于方法，只能作用于对象上，获取元素的个数var size = $(obj).size(); 注：1、使用length属性之前，请对对象做判空校验2、如果想要获取字符串的长度只能用length属性，如var length = $(obj).htm...
JavaScript数据结构——集合
Jyao_In的博客
04-27 3638
集合是由一组无序且唯一（即不能重复）的项组成的。可以将集合想象成一个既没有重复元素，也没有顺序概念的数组。 基于ES2015的Set类来实现我自己的Set类。需要声明以下集合可用的方法： add(element): 向集合添加一个新元素。 delete(element): 从集合移除一个元素。 has(element): 如果元素在集合中，返回true，否则返回false。 clear(): 移除集合中的所有元素。 size(): 返回集合所包含元素的数量。它与数组的length属性相同。 v
js中关于length与size的区别
夜轩14
02-19 1万+
length与size的区别 用了很长时间的length的一直没考虑过其与size的区别，今天同事问起，特意查找资料，将两者的相同点与共同点列出来。 相同点：在jQuery中用于返回元素的个数，size()函数与length属性的作用相同。size()方法的返回值与jQuery对象的length属性一致。 语法 $("selector").size() $("selector").length ...
[MySQL]查看数据库大小
最新发布
古辛博格
09-05 756
MySQL数据库执行SQL查看数据库或表所占用磁盘的大小
是否在Javascript中使用.size（）或.length？
03-14 334
我用.size（）或。长度在Javascript？ 让我们仔细看看... .size（）简单地调用。长度（在下面的jQuery的源代码清楚地表明这一点），所以我们要保存一个函数调用 //http://code.jquery.com/jquery-latest.js // The number of elements contained in the matched element set ...
关于jquery中全局函数each使用介绍
10-26
在jQuery中，`each`函数是一个非常重要的遍历工具，它提供了两种不同的用法，...理解这两个`each`的区别对于高效地使用jQuery处理数据和操作DOM至关重要。希望这个解释能帮助你更好地理解和应用jQuery中的`each`函数。
JavaScript转换与解析JSON方法实例详解
10-23
总的来说，JavaScript和jQuery提供了强大的工具来处理JSON数据，包括解析、转换和遍历。在实际应用中，应优先使用安全且性能优良的`JSON.parse()`，避免不必要的`eval()`使用。同时，结合Ajax请求，可以实现前后端...
在jQuery和MVC中处理JSON对象
04-11
在jQuery中，可以使用`$.parseJSON()`或`JSON.parse()`方法将JSON格式的字符串转换为JavaScript对象。例如：`var jsonObj = $.parseJSON(jsonString)`。 2. MVC中的JSON响应： 在ASP.NET MVC中，控制器可以返回...
java、js、jquery中length,length(),size()的区别
hujinyuan的博客
12-19 3万+
1、java中length和size()的应用 String[] list={"ma","cao","yuan"};     Stringa="macaoyuan"; //计算数组长度 System.out.println(list.length); //计算字符串长度 System.out.println(a.length()); //计算集合的大小 Listarray=new
JS获取json子项/数组的个数/长度
IT-Why
12-28 1万+
@JS获取json子项/数组的个数/长度 微信小程序获取json格式数据的个数/长度 var json = {'data': ['a', 'b', 'c']} length = Object.keys(json.data).length var json = {'name':'abc', 'age': 16} length = Object.keys(json).length ...
java、js、jquery中的length、length()、size()的区别
透明大脑
10-31 2万+
1.java中的length、length()、size()： String[] arr1={"false",null,""};    String a="woshizifuchuan"; //计算数组长度用length： System.out.println(arr.length); //计算字符串长度用length()： Syst
JavaScript,jQuery,Java中length,length(),size()的使用来计算长度
王晓思的博客
08-15 1664
  length length() size() JavaScript 计算数组长度,以及字符长度 没有定义 没有定义 jQuery 计算字符长度 没有定义 size() 方法在 jQuery 版本 1.8 中被废弃。 请使用 length 属性代替。 Java 计算数组长度 计算字符长度 计算集合长度 举例:...
sqlserver查看所以表大小 表行数 表索引大小
Catzcoin Official Helper 流落街头干 ABAP
06-15 1442
本文章只做个人记录，转自：吉普赛的歌 代码： --定义表变量 DECLARE @T TABLE ( [name] VARCHAR(max), [rows] INT, reserved VARCHAR(max), data_size VARCHAR(max), index_size VARCHAR(max), unused VARCHAR(max) ) --将表占用情况存放到表变量 INSE
查看 Mysql 数据量 （data size）
weixin_30287169的博客
03-26 762
MySQL 获取数据库 data size： SELECT table_schema "Data Base Name", sum( data_length + index_length ) / 1024 / 1024 "Data Base Size in MB", sum( data_free )/ 1024 / 1024 "Free Space in MB" FROM i...
查看mysql数据库 数据量大小和索引数据大小以及行数的方法
热门推荐
helloxiaozhe的博客
03-16 3万+
查看mysql数据库 数据量大小和索引数据大小以及行数的方法 查看一个数据中所有表的相关信息： （1）可以在命令下使用show table status \G命令查看： （2）如果想知道MySQL数据库中每个表占用的空间、表记录的行数的话，可以打开MySQL的 information_schema 数据库。在该库中有一个 TABLES 表，这个表主要字段分别是： TABLE_SCHEMA...
jquery和jsDom的区别和转换
gyq04551的博客
11-21 827
//----------------------------jquery中的Dom对象和js中的dom对象区别和联系----------------------// //入口函数 $(document).ready(function(){ //jquery对象是一个数组。数组中包含着原生JS中的DOM对象。 var j
jQuery内核,以及自定义each和size方法
10-17 1471
jQuery的内核;   (function( window, undefined ) {        //这就是jQuery的原型        var jQuery = function( selector, context ) {            return new jQuery.fn.init( selector, context );        }
精通jQuery的JavaScript与CSS开发
" Beginning JavaScript and CSS Development with jQuery 是一本由 Richard York 编著的书籍，主要关注于使用 jQuery 进行 JavaScript 和 CSS 开发。书中详细介绍了 jQuery 的 API、UI 实现以及相关的前端开发技术...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值