jQurey 属性

最新推荐文章于 2023-03-21 17:02:08 发布
最新推荐文章于 2023-03-21 17:02:08 发布
阅读量163 收藏
点赞数
分类专栏： jQurey 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/OVO_LQ_Start/article/details/104618944
版权

val

获得当前元素的value。
修改当前元素的value。

<script type="text/javascript">
	$(function(){
		alert($("#select").val());
		$("#select").val(2);
		
	})
</script>
<select id="select">
	<option value="1">请选择编号</option>
	<option value="2">123</option>
	<option value="3">321</option>
</select>

html-text

设置和获取文本内容。
获取时，html能获取标签中的html代码。text只获取文本内容，不会显示html代码。
设置时，html设置值时，解析html代码。text不能解析，将代码也显示。

<script type="text/javascript">
	$(function(){
		alert($("#div2").html());
		alert($("#div2").text());
		
		$("#div3").html('<a href="#">你好</a>');
		$("#div4").text('<a href="#">你好</a>');	
	})
</script>
<body>
<div id="div2"><a>你好</a></div>
<div id="div3"></div>
<div id="div4"></div>
</body>

class

addCalss:添加一个calss
removeClass:删除一个class
可以动态的改变div样式。

<style type="text/css">
	.div1{
		background-color: red;
	}
	.div2{
		color: blue;
	}
</style>
...
<script type="text/javascript">
	$(function(){
		alert("添加一个class");
		$("#div").addClass("div2");
		alert("删除一个class");
		$("#div").removeClass("div1");
		alert("添加一个class")
		$("#div").addClass("div1");
		
	})
	...
	<div id="div">
	我是一个div;
	</div>

attr

获取属性值和设置属性值
1.可以获取标签语法不存在的属性值。
2.设置class时，是覆盖。addCalss是追加。

	<script type="text/javascript">
		$(function(){
		alert($("#img").attr("src"));
		alert("切换图片");
		$("#img").attr("src","images/2.jpg");
		alert("修改文本内容");
		$("#lala").attr("value","里斯");
		alert("获取不存在的属性");
		alert($("#ljid").attr("value"));
	})
	<body>
	<img alt="" src="images/1.jpg" id="img">
	<input type="text" value="lisi" id="lala" />
	<a  href="#" value="ljvalue" id="ljid">连接</a>

	</body>
	</script>
OVO_LQ_Start
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jqurey API
07-31
其次，jQuery提供了丰富的DOM操作方法，如`.append()`、`.prepend()`、`.html()`、`.attr()`等，用于插入、删除或修改元素内容和属性。例如，`$("p").append("Hello, World!")`会在所有`<p>`元素末尾添加文本“Hello...
jqurey学习
02-27
jQuery还支持更复杂的选择，如属性选择器、子元素选择器等。 三、DOM操作 jQuery提供了丰富的DOM操作方法，如`$(selector).html()`用于获取或设置元素的HTML内容，`$(selector).append()`和`$(selector).prepend()`...
jqurey 隐藏
weixin_33834679的博客
08-19 70
1.$("#test").hide(); //jQuery 的 hide() 函数，隐藏 id="test" 的元素。2.$(".test").hide(); //jQuery 的 hide() 函数，隐藏所有 class="test" 的元素。3.$("#div1").fadeOut(); //jQuery fadeout() 函数,淡出$("...
jqurey datatables属性
weixin_33830216的博客
05-27 83
$(‘selector‘).dataTable( { /* * 默认为true * 是否自动计算列宽，计算列宽会花费一些时间，如果列宽通过aoColumns传递，可以关闭该属性作为优化 */ "bAutoWidth":true, /* * 默认为false * 是否延迟渲染，当用Ajax或者j...
JQuery中属性选择器
you4580的专栏
03-21 1875
语法： $("A[属性名='值']") 包含指定属性等于指定值的选择器。语法：$("A[属性名='值'][]...")包含多个属性条件的选择器。语法： $("A[属性名]")包含指定属性的选择器。
JQurey
m724318546的博客
08-10 337
JQurey JQurey.attr() //获得被选中元素属性和自定义属性 JQurey.attr(属性名，属性值) // 设置属性 JQurey.attr({'属性名1':'属性值1','属性名2':'属性值2'}) //设置多个属性 JQurey.prop() //获得官方定义的属性，不能获得自定义属性 JQurey.removeAttr() //移出属性 JQurey.css() //获得被选中元素的计算过的样式 JQurey.css(属性名，属性值) //设置样式 JQurey.c
JQurey DOM通用属性操作
七七的博客
06-14 158
通用属性操作 attr(): 获取/设置元素的属性 removeAttr(): 删除属性 prop():获取/设置元素的属性 removeProp(): 删除属性 attr和prop区别： 如果操作的是元素的固有属性,则建议使用prop 如果操作的是元素自定义的属性,则建议使用attr <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
jqurey练习
LIUQIN_117的博客
03-30 193
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--<style type="text/css"> div, span, p { width: 140px; height: 140px;
jqurey
dgce32897的博客
02-08 153
jquery jquery 是一个类库，不是框架。是最常用的。 jquery1.8.3 比较稳定。 在2.x以上不兼容ie6/7/8。 常用的 cdn 地址： http://www.bootcdn.cn/jquery/ http://cdn.code.baidu.com/ bootstrap 是一款 html,css,js 框架，用于开发...
jQurey
weixin_30315435的博客
10-16 383
一、jQuery介绍 　　jQuery是一个轻量级的js库（一万多行代码），把一些复杂的功能用方法封装起来，实现快速开发 　　jQuery是建立在js基础上的，jQuery能实现的功能，js一定都能实现，但是js能实现的功能，jQuery不一定能实现。 　　jQuery的语法就一句：$(selector).action（） 　　首先我们要从官网下载jQuery 　　下载好之后 　　&l...
JQurey DOM 对class属性操作
七七的博客
06-14 181
对class属性操作 addClass(): 添加class属性值 removeClass(): 删除class属性值 toggleClass():切换class属性 toggleClass(“id”): 判断如果元素对象上存在class=“id”,则将属性值one删除掉。 如果元素对象上不存在class=“id”,则添加。 相当于同时实现了addClass和removeClass的功能； <!DOCTYPE html> <html lang="en"> <head>
JQurey学习 Jquery特效
03-15
`animate()`方法允许自定义动画，可以控制任何CSS属性随时间变化，实现高度定制的动画效果。 Ajax在现代Web开发中扮演着重要角色，jQuery的`$.ajax()`和`$.get()`, `$.post()`等方法简化了异步数据请求。它们支持...
常用的jQurey代码
11-15
duration属性和easing属性用于控制动画的时长和运动的缓动效果。 4. 图片缩放处理 在现代Web开发中，根据屏幕尺寸和性能要求，经常需要对图片进行动态缩放以适应不同的显示环境。示例代码展示了如何在客户端对图片...
jqurey有用技巧
03-08
### jQurey有用技巧详解 #### 一、页面元素的引用 在网页开发过程中，能够高效地选择并操作DOM元素是提升开发效率的关键之一。**jQuery**作为一种轻量级的JavaScript库，它提供了非常便捷的方式来查找和操作这些...
华为智慧城市成功案例集
08-29
华为智慧城市成功案例集
小程序-仁怀酱酒宝：酒类商城模板（源码）.zip
最新发布
08-29
小程序-仁怀酱酒宝：酒类商城模板（源码）.zip
剑雅真题G类雅思官方指南OG剑雅真题G类雅思官方指南OG
08-29
剑雅真题G类雅思官方指南OG剑雅真题G类雅思官方指南OG提取方式是百度网盘分享地址
基于微信小程序的点餐系统的设计设计与实现.docx
08-29
基于微信小程序的点餐系统的设计设计与实现.docx
jqurey完整实例
09-06
jQuery是一款轻量级的JavaScript库，用于简化HTML文档遍历、事件处理、动画等操作。下面是一个jQuery完整实例。 ```html <!DOCTYPE html> <html> <head> <title>jQuery实例</title> <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script> <style> div { width: 100px; height: 100px; background-color: red; margin: 10px; } </style> </head> <body> <h1>jQuery实例</h1> <div></div> <div></div> <div></div> <script> // 通过jQuery选择器选取所有div元素 var $divs = $("div"); // 遍历所有div元素，并为每个元素添加鼠标点击事件 $divs.each(function(index, element) { $(element).click(function() { // 在点击时改变背景颜色 $(this).css("background-color", "blue"); }); }); </script> </body> </html> ``` 这个实例演示了如何使用jQuery进行操作。我们引入了jQuery库，并在页面中创建了3个div元素。通过使用`$("div")`选择器，我们将选取所有的div元素，并通过`.each()`方法遍历它们。在遍历过程中，我们为每个div元素添加了鼠标点击事件，当点击时，通过`.css()`方法改变背景颜色为蓝色。 通过这个实例，我们可以看到jQuery的简洁语法和强大的功能，使得JavaScript开发更加容易和高效。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值