设置元素的属性

html：

<!DOCTYPE ><html>

   <head>      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">      <title>无标题文档</title>      <style type="text/css">         * {            margin: 20;            padding: 0;            font-family: "微软雅黑", "arial", " sans-serif";         }         #div_id{            background: #76DBA3;         }         .div_class{            width: 300px;         }      </style>      <script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>      <script type="text/javascript">         $(function() {            $("#btn_setAttr").click(function() {               $("#div").attr({                  "id":"div_id",                  "class":"div_class"               });            });         })      </script>

   </head>

   <body>      <div id="div" class="div2" style="height: 200px;border: 1px red solid;">

      </div>

      <input id="btn_setAttr" type="button" value="设置属性信息" />

   </body>

</html>

result：

时间： 2024-10-08 11:13:32

设置元素的属性的相关文章

jQuery学习笔记(4)-设置元素的属性和样式

一.前言本篇主要讲解如何使用jQuery获取和操作元素的属性和css样式二."DOM属性"与元素属性 1.运行一下代码 <img src="/images/logo_small.gif" class="img_logo" /> 2.分析代码元素属性src:/images/logo_small.gif 元素属性class:img_logo DOM属性currentSrc:http://localhost/images/logo_s

JavaScript--DOM修改元素的属性

一旦你获得了要修改的元素,可以有2种方式,来读取和修改它的属性:一种老的方式(它被更多的用户代理所支持)和一种新的DOM方法的方式.老的和新的用户代理都允许你以对象属性的方式获取和设置元素的属性. 先看看老的方式,获取设置属性吧: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"

zIndex 属性设置元素的堆叠顺序。

http://www.w3school.com.cn/jsref/prop_style_zindex.asp 该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴.如果为正数,则离用户更近,为负数则表示离用户更远. 语法: Object.style.zIndex=auto|number 可能的值值描述 auto 默认.堆叠顺序与父元素相等. number 设置元素的堆叠顺序. 提示和注释注释:元素可拥有负的 z-index 属性值. 注释:Z-index 仅能在定位元素

jquery设置和获取元素的属性

jquery设置和获取元素的属性: 使用jquery可以方便的设置指定元素的属性,下面就以div元素为例子做一下简单介绍. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁

jQuery -> 获取／设置／删除DOM元素的属性

Sum square difference Problem 6 The sum of the squares of the first ten natural numbers is, 12 + 22 + ... + 102 = 385 The square of the sum of the first ten natural numbers is, (1 + 2 + ... + 10)2 = 552 = 3025 Hence the difference between the sum of

jquery操作html元素之（设置内容和属性）

设置内容 - text().html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值下面的例子演示如何通过 text().html() 以及 val() 方法来设置内容: 实例 $("#btn1").click(function(){ $("#test1").text("Hell

css属性设置元素的垂直对齐方式

vertical-align 属性设置元素的垂直对齐方式. 可能的值值描述 baseline 默认.元素放置在父元素的基线上. sub 垂直对齐文本的下标. super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-top 把元素的顶端与父元素字体的顶端对齐 middle 把此元素放置在父元素的中部. bottom 把元素的顶端与行中最低的元素的顶端对齐. text-bottom 把元素的底端与父元素字体的底端对齐. length % 使用 "line-he

jquery设置元素readonly与disabled属性的方法

分享下jquery设置元素readonly与disabled属性的方法,设置元素的显示与隐藏,元素的只读属性. 以下内容转自:http://www.jbxue.com/article/15102.html 略作修改与补充. Jquery的api中提供了对元素应用disabled和readonly属性的方法: 1,设置readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly $('in

jQuery -&gt; 获取／设置／删除DOM元素的属性

jQuery的属性操作很easy,以下以一个a元素来说明属性的获取/设置/删除操作 <body> <a>jquery.com</a> </body> 加入?属性 $('a').attr('href', 'http://www.jquery.com') 加入?多个属性 $('a').attr({'href':'http://www.jquery.com', 'title':'jquery.com'}) 获取属性 $('a').attr('href') clas