重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
使用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设置下拉框的默认值可以直接使用val方法进行设置。
val方法可以设置表单元素的值,不管是输入框还是下拉菜单,都是用一样的设置方法。
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() 方法向被选元素附加数据,或者从被选元素获取数据。这使我们通过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标签
复制代码 代码如下:
$(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()
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('#a').val('测试赋值本文');。
3、浏览器运行index.html页面,此时input被成功赋值了“测试赋值文本”。