jquery设置和获取元素的属性

jquery设置和获取元素的属性:

使用jquery可以方便的设置指定元素的属性,下面就以div元素为例子做一下简单介绍。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style type="text/css">
#thediv{
  width:100px;
  height:100px;
  background:green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
  $("div").prop("id","thediv");
});
</script>
</head>
<body>
<div></div>
</body>
</html>

以上代码实现了我们的要求,可以设置div元素的id属性值,其他属性也是如此,至于获取属性可以使用如下代码:

$("div").prop("id");

这样就可以获取div元素的id属性值。

原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0707/6289.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13995

时间: 2024-11-05 03:46:49

jquery设置和获取元素的属性的相关文章

jQuery设置和获取HTML、文本和值

jQuery设置和获取HTML.文本和值 按 Ctrl+C 复制代码 <script type="text/javascript"> //<![CDATA[ $(function(){ //获取<p>元素的HTML代码 $("input:eq(0)").click(function(){ alert( $("p").html() ); }); //获取<p>元素的文本 $("input:eq(1

jquery尺寸和jQuery设置和获取内容方法

一.jquery尺寸 jQuery 提供多个处理尺寸的重要方法: width()    设置或返回元素的宽度(不包括内边距.边框或外边距),括号中可填数值宽度参数,无单位 height()   设置或返回元素的高度(不包括内边距.边框或外边距),括号中可填数值高度参数,无单位 innerWidth()     返回元素的宽度(包括内边距) innerHeight()    返回元素的高度(包括内边距) outerWidth()     返回元素的宽度(包括内边距和边框) outerHeight(

jquery设置表单元素为不可用代码实例

jquery设置表单元素为不可用代码实例:本章节通过简单的实例代码介绍一下如何将表单元素设置为不可用状态.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</t

jQuery添加和删除元素class属性实例代码

jQuery添加和删除元素class属性实例代码:元素的的class属性一般是用来设置样式之用,所以添加或者删除都意味着改变元素的样式,下面就介绍一下如何使用jQuery来删除和添加元素的class属性值,希望能够给大家带来一定的帮助.代码实例如下: function switchTeachControl() { var target=$("#thediv"); if(target.hasClass("controlOff")) { target.removeCla

[Jmeter]Xpath获取元素某个属性的值,以及获取最后一个元素某个属性的值

XPath获取元素某个属性的值 XPath query:  clients/attribute::total XPath获取最后一个元素某个属性的值 XPath query:   /clients/client[last()]/attribute::order [Jmeter]Xpath获取元素某个属性的值,以及获取最后一个元素某个属性的值,布布扣,bubuko.com

根据id设置、获取元素的文本和value

/** * 根据id获取元素文本 * @param {String} id|元素id * return {Integer || String} text */function getText(id){ var text = $('#'+ id).text().replace(/(^\s*)|(\s*$)/g,""); if(text=='' || text==null){ return ''; } else if(!isNaN(text)){ var intText = parseIn

jQuery中获取元素的属性方法attr()简单用法

语法结构:$(selector).attr(attribute), //selector为选择器名,attribute为指定要获取的元素的属性名 修改元素属性的$(selector).attr(attribute,value), //selector为选择器名,attribute为指定要获取的元素的属性名 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T

JQuery快速入门-操作元素的属性和样式

我们在学习JavaScript时,详细介绍了DOM对象.从DOM树可以得知,对DOM的操作,主要包括:元素的属性.内容.值.CSS. 一.元素属性的操作 在 jQuery 中,可以对元素的属性执行获取.设置.删除的操作,通过 attr() 方法可以对元素属性执行获取和设置操作,而 removeAttr() 方法则可以轻松删除某一指定的属性. 1.获取元素属性 //JavaScript脚本 <script type="text/javascript"> $(function(

jQuery 拥有可操作 HTML 元素和属性的强大方法

jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力. jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易. 提示:DOM = Document Object Model(文档对象模型) DOM 定义访问 HTML 和 XML 文档的标准: "W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容.结构以及样式." 获得内容 - text().html() 以及 val() 三个简单实用的用于