jq 操作元素属性

最新推荐文章于 2022-10-20 12:37:50 发布
最新推荐文章于 2022-10-20 12:37:50 发布
阅读量186 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43294560/article/details/103026551
版权

操作元素属性

	**获得元素属性**
	
		数组对象.attr("属性名");  不能拿到value的实时值，只能拿到默认值
		数组对象.val()；  能拿到value属性的实时数据
				function t1()
			{
				var uname=$("#uname");
				alert(uname.attr("type")+uname.attr("name")+uname.val());
			}
	**修改元素属性**
	
		数组对象.attr("属性名","修改值");
				function t2()
			{
				var uname=$("#uname");
				uname.attr("type","button");
			}
			
	**删除元素属性**
	
		.attr('属性','');
		.removeAttr('属性');

代码示例:

<html>
	<head>
		<meta charset="utf-8"/>
		<title>jq 操作元素属性</title>
		<script src="js/jquery-3.4.1.js" charset="UTF-8" type="text/javascript"></script>
		<style type="text/css">

			
		</style>
		<script type="text/javascript">
			function t1()
			{
				var uname=$("#uname");
				alert(uname.attr("type")+uname.attr("name")+uname.val());
			}
			function t2()
			{
				var uname=$("#uname");
				uname.attr("type","button");
			}
		</script>
	</head>
	<body>
		<input type="button" name="uname" id="" value="测试元素属性" onclick="t1()"/>
		<input type="button" name="" id="" value="修改" onclick="t2()" />	
	<hr />
		<input type="text" name="uname" id="uname" value="测试元素属性" />
		
		
	</body>
</html>
神奇大叔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery元素属性操作实例(设置、获取及删除元素属性)
10-21
本篇文章将详细讲解jQuery如何进行元素属性的操作，包括设置、获取和删除元素属性，并通过一个实例来演示这些操作。 ### 1. 设置元素属性 jQuery 提供了 `.attr()` 方法用于设置元素的属性。在给定的示例中，当...
JQ 属性操作
08-13
在JavaScript的世界里，...掌握这些方法和技巧，能帮助你更高效地处理网页中的元素属性，实现丰富的交互效果。实践是学习的最佳途径，所以，请务必亲自尝试并理解“demo”文件中的代码，以便深化对JQ属性操作的理解。
jQuery 获取与设置 元素属性【一篇文章轻松拿下】
weixin_52212950的博客
04-25 5980
hello大家好呀！此篇文章带领大家熟练掌握 jQuery 的属性方面的操作，包括固有属性的获取与设置，自定义属性的获取与设置等等，走进 jQuery 的更深层次阶段 一：固有属性的设置与获取 prop 什么是固有属性？固有属性即标签本身具有的属性，例如 a 标签的 href 属性，input 标签的 type 属性，这些就叫做元素的固有属性，此版块我们要学会获取与设置其固有属性。 1.1 固有属性的获取 element.prop('属性名') <b...
jq操纵元素属性
My52Hz
04-13 325
一、jq改变标签元素的文本值         1、innerText $('#test').innerText = "我是jq改变元素文本测试";         ２、html() $('#test').html("我是jq改...
【第三章】符合选择器
qq_45695622的博客
10-27 116
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>复合选择器</title> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> ...
Jquery操作元素属性
贝勒
07-07 751
Jquery操作DOM 1.获取元素的属性： $('.btn').attr('property') //property可以使元素的样式属性，如style或value等 2.0设置元素的属性： $('.btn').attr('属性名称',''属性值); // $('.btn').attr('type','text') 2.1.设置元素的多个属性： $('.btn'...
jquery更改元素属性attr()方法操作示例
01-19
本文实例讲述了jquery更改元素属性attr()方法。分享给大家供大家参考，具体如下： jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写, 是js中setAttribute()和getAttribute()的简化 最基本...
通过实例解析jQ Ajax操作相关原理
10-14
这段代码会获取JSON文件中的数据，并将其中的`name`属性值添加到`<ul>`列表中。 3. **jQuery的`$.get()`方法** `$.get()`使用HTTP GET方式从服务器获取数据。基础语法是`$.get(URL, callback)`。例如： ```...
应用jquery操作元素属性
someby的博客
07-31 637
1.如何获取/设置某个元素的属性值 2.如何获取/设置某个元素多个属性值 3.如何通过匿名fn来设置某个元素的属性值 4.如何删除元素指定的属性 //获取属性值 /** $(function(){ alert($("div").attr("id")); }) */ //设置属性值 /** $(function(){ $("div").attr("t
【JQuery元素属性】
a_shun66的博客
11-20 476
JQuery元素属性元素属性attrremoveAttrpropremoveProp 元素属性 attr 设置或返回被选元素的属性值 <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=811731284,3359880732&fm=26&gp=0.jpg" alt="图片"> <script> $(function (){ //参数name 描述: 返回文
jQuery的几种属性
Su3253067688的博客
10-20 1157
2.empt()和html("")作用等价，都可以删除元素里面的内容，只不过html还可以设置内 内容。所谓元素固有属性就是元素本身子代的属性，比如元素里面的href,比如元素里面的type。此方法用于遍历jQuery对象中的每一项，回调函数中元素为DOM对象，想要使用jQuery方法需要转换。：此方法用于遍历jquery对象中的每一项，回调函数中元素DOM对象，想要使用jquery方法需要转换。2.里面的函数有2个参数：index是每个元素的索引号；
10. jQuery 对元素属性的操作~ 一篇就够.
Bi-Hu的博客
05-25 75
jQuery 对元素属性的操作~ 一篇就够. 主要讲解三个JQ的方法： 我们先来看看原生 JS 对元素操作有什么： 几种属性操作 => 原生属性, id class src ... => 自定义属性, getAttribute() ... jQuery 有三种操作属性的方法 => attr() 和 removeAttr() ...
html，css，js笔记
小邹的博客
09-27 2076
HTML DOCTYPE:告诉浏览器，我们要使用什么规范 head标签代表网页头部 meta描述性标签，用来描述我们网站信息, 一般用来做SEO title网站标题 body标签代表网页主体 html：内容写在里面 <!-- DOCTYPE:告诉浏览器，我们要使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!-- head标签代表网页头部 --> <head> <!-- SEO：搜索引擎优化
三种标签选择器
weixin_44073050的博客
06-27 664
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>三种选择器</title> <!-- 标签选择器样式 --> <style type="text/css"> h1{color: green;} p{color: green;} ...
【web前端(四)】html_选择器
LED_of_Java的博客
08-05 340
我们来看一看常用的几个选择器： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选择器</title> <!-- 页面内联通过<style></style>标签在页面内定义一些命名的样式组， ...
jQ获取元素 的 属性
weixin_45195254的博客
11-01 1351
prop() element.prop(“属性名”) 获取元素固有属性 $("a").prop("href"); attr() element.attr(“属性名”) 获取元素自定义属性 $("div").attr("index"); data() 数据缓存，这个里面的数据是存放在元素里的内存里面，并不会修改DOM元素结构。一旦页面刷新，之前存放的数据都将被移除。 $("span").data("uname","andy"); ...
jQuery attr()获取属性和设置属性的方法
热门推荐
u013746071的专栏
09-06 7万+
前言： 在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，只需要用到attr()这个函数就可以了。attr是attribute（属性）的缩写。 语法： 1、attr(“属性名”)； //获取属性的值（取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，
jq 通过 属性获取元素
最新发布
05-09
jQuery 是一种非常常见的 JavaScript ...总之，JQ 通过属性获取元素的能力大大提高了页面开发的效率，能够更加方便地完成 HTML 页面元素的选择和操作，同时也方便了前端开发人员和网站设计师进行页面的布局和样式设计。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值