如何使用JQuery给自定义属性赋值取值

使用JQuery给自定义属性赋值取值

成都创新互联公司是专业的新丰网站建设公司，新丰接单;提供成都网站设计、网站制作、外贸营销网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行新丰网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

jQuery 属性操作 - attr() 方法

定义和用法

attr() 方法设置或返回被选元素的属性值。

一、返回属性值

返回被选元素的属性值。

语法

$(selector).attr(attribute)

参数描述

attribute    规定要获取其值的属性。

$(selector).attr(attribute)

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

script type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

alert("Image width " + $("img").attr("width"));

});

});

/script

/head

body

img src="/i/eg_smile.gif" width="128" height="128" /

br /

button返回图像的宽度/button

/body

/html

二、设置属性/值

设置被选元素的属性和值。

语法

$(selector).attr(attribute,value)

参数描述

attribute    规定属性的名称。    

value    规定属性的值。

$(selector).attr(attribute,value)

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

script type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

$("img").attr("width","180");

});

});

/script

/head

body

img src="/i/eg_smile.gif" /

br /

button设置图像的 width 属性/button

/body

/html

jquery给下拉框设置默认值

jquery设置下拉框的默认值可以直接使用val方法进行设置。

val方法可以设置表单元素的值，不管是输入框还是下拉菜单，都是用一样的设置方法。

jquery怎么设置select选中某项值

1、设置value为pxx的项选中

$(".selector").val("pxx");

2、设置text为pxx的项选中

$(".selector").find("option[text='pxx']").attr("selected",true);

这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$(".selector").val();

4、获取当前选中项的text

jquery怎么设置data的值

jquery中data() 方法向被选元素附加数据，或者从被选元素获取数据。

jquery中data() 方法向被选元素附加数据，或者从被选元素获取数据。这使我们通过HTML自定义属性，操作数据，显得非常方便。通常我们也会通过给html自定义属性这样的做法，来存储和操作数据。在jquery中也给我们

提供了data(name,value)这样的方法，来非常方便的实现。有了data()这个方法，你就可以很方便的在一个html标签中添加data-*这样的自定义属性。接下来，就data()方法简单的做下了解。

以下是摘自w3school中对data用法的说明：

data方法从元素中读取数据的语法：

$(selector).data(name) name:可选。规定要取回的数据的名称。

如果没有规定名称，则该方法将以对象的形式从元素中返回所有存储的数据。

data方法从元素中存储数据的语法：

$(selector).data(name,value)

name:必需。规定要设置的数据的名称。

value:必需。规定要设置的数据的值。

当然，我们在这里，也可以把一个包含键/值对的对象，向被选元素添加数据。语法如下：

$(selector).data(object)

object:必需。规定包含名称/值对的对象。

Html代码如下：

data方法之读取数据:

单个数据:data-name="lichaoqiang"

存储json数据:{"user_id":20141111,"user_name":"lichaoqiang"}

注意：在元素data-*属性中设置json数据时，需要注意单双引号，否则可能出现undefined的,获取不到数据。正确的做法是用双引号。

data方法之存储数据:

这是一个div标签

JQuery设置iframe的src值

复制代码 代码如下:

$(window.parent.document).find("#Frm_Main").attr("src",url);

使用jquery操作iframe

1 内容里有两个ifame

iframe id="leftiframe"...

iframe id="mainiframe..

leftiframe中jQuery改变mainiframe的src代码：

$("#mainframe",parent.document.body).attr("src"," ")

2 如果内容里面有一个ID为mainiframe的.ifame

ifame包含一个someID

you want to get this content

得到someID的内容

$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值

2 如上面所示

leftiframe中的jQuery操作mainiframe的内容someID的内容

$("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

jquery如何给input赋值

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：$('#a').val('测试赋值本文');。

3、浏览器运行index.html页面，此时input被成功赋值了“测试赋值文本”。