jQuery一些基础的修改元素属性

最新推荐文章于 2024-05-15 15:59:19 发布
最新推荐文章于 2024-05-15 15:59:19 发布
阅读量263 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44567226/article/details/89970325
版权

代码如下：
自行引用jQuery插件

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery</title>
</head>

<body>
<div class="row-fluid">
	<div class="span12">
		<div>
			<div>
				<h4>元素属性</h4>
			</div>
				<div id="width" style="background:#000;color:#000;width:500px;height:50px;">看不见我</div>
				<br />
				<div>
					<button οnclick="chang()">元素宽高（加）</button>
					<button οnclick="duan()">元素宽高（减）</button>
					<button οnclick="bian()">背景与字体属性修改</button>
					<button οnclick="fuwei()">复位</button>
				</div>
			</div>
		</div>
	</div>
</body>

<script src="自行引用插件"></script>
<script>
        //宽高大
        function chang() {
            $("#width").width(750);
            $("#width").height(70);
        }

        //宽高小
        function duan() {
            $("#width").width(250);
            $("#width").height(20);
        }

        //背景与字体
        function bian() {
            $("#width").css({ "background": "#999", "color": "#fff" })
        }
        //复位
        function fuwei() {
            $("#width").width(1000);
            $("#width").height(50);
            $("#width").css({ "background": "#000", "color": "#000" });
        }
    </script>
    
</html>

有些基础的方法反而有人不知道怎么应用，
一些简单的基础元素修改方法可以减少在完成某个功能时的代码量

山顶洞人95277
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JQuery操作元素的属性与样式及位置
深家大院
10-09 226
[code="java"] //标签的属性称作元素属性，在JS里对应的DOM对象的对应属性叫DOM属性。JS里的DOM属性名有时和原元素属性名不同。 //==================================操作元素属性================================== //返回元素指定属性值 var txt1_val=$("#txt1")....
jQuery-修改元素属性
weixin_33804582的博客
10-16 168
1、attr方法 获取匹配的元素集合中的第一个元素的属性的值 或 设置匹配元素指定的属性 使用说明： 1）只传一个参数的情况： 1&gt;字符串（属性名称） 只传一个字符串属性名称 表示获取匹配的元素集合中的第一个元素...
jquery改变 元素 属性值
php菜鸟技术天地
09-06 547
$(document).ready(function(){ $(function(){ $('.ftype_input tbody tr').attr('class','even newlist'); }); }); 0
用jquery更改元素的属性
qq_35553465的博客
10-27 3476
拿div的display来说 //两种方法设置disabled属性  $('#div').attr("disabled",true);  $('#div').attr("disabled","disabled");  //三种方法移除disabled属性  $('#div').attr("disabled",false);  $('#div').removeAttr("disa
jQuery 操作 HTML 元素和属性的方法
10-17
这里主要介绍几个关键的方法，包括获取和设置元素内容以及获取和修改元素属性。 1. 获取HTML元素的内容和属性： (1) `text()`, `html()`, `val()` 方法： - `text()`：这个方法用于获取或设置元素的纯文本内容...
jquery通过closest选择器修改上级元素的方法
10-24
对于初学者而言，理解和掌握这些jQuery选择器及其相关方法，是进行Web前端开发的重要基础。建议读者参考更多相关教程和文档，了解更多的选择器以及它们的使用场景，以便更有效地利用jQuery库开发出功能丰富、交互...
javascript和jquery修改a标签的href属性
10-26
要修改 a 标签的 href 属性，我们可以使用 `getElementById` 方法来获取特定 ID 的元素，然后通过 `setAttribute` 或直接访问其 `href` 属性来修改它。以下是具体的代码示例： ```javascript // 使用 setAttribute ...
jQuery学习基础知识小结
10-28
jQuery提供了一些方法来实现动画效果和切换元素的显示状态。 ```javascript $(selector).hide(); // 隐藏被选元素 $(selector).show(); // 显示被选元素 $(selector).toggle(); // 切换被选元素的显示状态 ``` ####...
jQuery实用基础超详细介绍
10-27
2. **DOM 操作**：jQuery 对 DOM 操作进行了封装，如添加、删除、修改元素，以及遍历 DOM 树等。 3. **事件处理**：简化了事件绑定和解绑，支持事件冒泡和事件委托。 4. **AJAX**：提供了统一的接口进行异步数据交互...
jQuery修改CSS伪元素属性的方法
10-25
CSS伪元素不是DOM元素，因此你无法直接选择到它们。下面与大家分享两种不错的修改方法，需要的朋友可以参考下
jquery修改java_jquery改变元素属性值
weixin_33225622的博客
02-27 96
//标签的属性称作元素属性，在JS里对应的DOM对象的对应属性叫DOM属性。JS里的DOM属性名有时和原元素属性名不同。//==================================操作元素属性==================================//返回元素指定属性值var txt1_val=$("#txt1").attr("value");//通过元素的DOM属性名更改...
Jquery操作元素属性
贝勒
07-07 753
Jquery操作DOM 1.获取元素的属性： $('.btn').attr('property') //property可以使元素的样式属性，如style或value等 2.0设置元素的属性： $('.btn').attr('属性名称',''属性值); // $('.btn').attr('type','text') 2.1.设置元素的多个属性： $('.btn'...
应用jquery操作元素属性
someby的博客
07-31 640
1.如何获取/设置某个元素的属性值 2.如何获取/设置某个元素多个属性值 3.如何通过匿名fn来设置某个元素的属性值 4.如何删除元素指定的属性 //获取属性值 /** $(function(){ alert($("div").attr("id")); }) */ //设置属性值 /** $(function(){ $("div").attr("t
jQuery如何改变元素属性
dave20071106的博客
05-17 958
jQuery改变元素的background属性HTML代码警告JS文件代码注意JS1.JS2. HTML代码 如果要改变一个指定元素的bg，那么就要在HTML内将这个元素命名上ID或class如： <div id="id">这个是通过id来控制的</div> <div class="class">这个是通过class来控制的</div> js淡淡走过.... <script src="jquery.js"></script> 警告 注
【jQuery】jQuery操作之如何修改元素_03
青春木鱼的博客
07-07 2939
我们一说到jQuery中对于元素的修改，就是元素的内容、属性、样式的修改。我们利用html() .text() .val()3个方法对元素内容进行修改；使用attr()、prop()方法来修改已获取到元素对象的属性 ，语法为“$元素对象.attr("属性名", "属性值")”；利用css()方法来设置CSS属性，修改元素css属性值；css()方法可以设置匹配的元素的一个或多个样式属性，语法“$(selector).css("属性","属性值");”..................
jQuery（二）修改元素、查找元素_jquery修改元素内容(1)
最新发布
2401_84572541的博客
05-15 362
🍅 硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。🍅 技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。🍅 面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。🍅 知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取。
jQuery（二）修改元素、查找元素
热门推荐
商务合作 | 共同学习 | 携手共进
09-30 3万+
JavaScript jQuery：修改内容、修改属性、修改样式，按节点间关系查找
jQuery中访问和修改元素的属性值
sinat_31907813的博客
09-25 916
1.jQuery操作属性 .html :双标签内容 .val :获取表单中表单项的值 .prop :获取表单元素的属性值,包含自定义的属性值 .attr :获取除了表单元素以外的属性值[即attr不能获取表单元素的属性值] .data :获取以dat $(function () { //.html :双标签内容 console.log($('.box')....
jQuery基础入门与元素操作详解
总结来说，jQuery的学习重点在于理解如何设置文档加载完成事件、运用选择器灵活选取元素以及利用jQuery的方法来动态修改DOM。掌握这些基础概念后，开发者可以更高效地编写交互式和响应式的Web页面。随着jQuery版本的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值