jquery 标签中的属性操作
.arrt()
获取匹配的元素集合中的第一个元素的属性值,或设置每一个元素中的一个或多个属性值。
.attr(attributeName)
$("em").attr("title");
q获取“em”集合中的第一个em 的title值。
.attr(attributeName,value)
attributeName 要设置的属性名
value 这个属性设置的值
$("#greatp").attr('alt','she zhi shu xing zhi')
设置这个元素的 alt值
.attr(attributes)
设置属性值集合
$("greatp").attr({
alt:"she alt de zhi"
title:"she title de zhi"
})
.attr(attributeName,function(index,attr))
attributeName 要设置的属性名
function(index, attr)
这个函数返回用来设置的值,this指当前的元素,接收index 参数表示元素在匹配的元素中的索引的。
$("img").attr("src",function(){
return "/resources/" +this.title;
})
.prop()
获取匹配的元素集中第一个元素的属性值或设置每一个匹配的元素的一个或多个属性值。
.prop(propertyName)
获取匹配的元素中第一个元素的属性值。
propertyName 要得到的属性名称。
.prop(propertyName,value)
propertyName 要设置的属性名称
value 一个值来设置属性值
$("input[type='checkbox']").prop({
disabled:true
})
禁用页面上的所有的复选框。
.prop(propertyName,function(index,oldpropertyValue))
要设置的属性(properties)的名称
function 一个函数,返回要被设置的值。
.removeAttr()
为匹配的元素集合中的每个元素中移除一个属性。
.removeAttr(attributeName)
attributeName 要移除的属性名
input.removeAttr("title")
移除input 上面的title 属性。
.removeProp(propertyName)
为集合中匹配的元素删除一个属性。
propertyName 要移除属性的名称。
input.removeProp("title")
移除input 上面的title 属性。
.val()
获取匹配的元素集合中第一个元素的当前值或设置匹配的元素集合中每个元素的值。
.val() 获取匹配的元素集合中一个元素的当前值。 这个方法不接受任何参数。
$("#single").val(); 获取这个表单的值。
$("input").keyup(function(){
var value = $(this).val();
$("p").text(value);
}).keyup();
在这个input 内,每次键盘抬起的获取value 值,并将其渲染在p标签内。
.val(value)
设置匹配的元素集合中每个元素的值。
value 一个文字字符串,一个数字,或一个字符串形式的数组。
$("button").click(function(){
var text = $(this).text();
$("input").val(text);
}); 当点击按钮的时候,获取当前按钮的文本,将其设置给input 的值。
.val(function)
一个用来返回设置值的函数,this指向当前元素。
jquery 标签中的属性操作的更多相关文章
- JQuery处理DOM元素-属性操作
JQuery处理DOM元素-属性操作 //操作元素的属性: $('*').each(function(n){ this.id = this.tagName + n; }) //获取属性值: $('') ...
- a标签中href属性引起的页面不跳转问题
先简单描述问题,今天在做一个简单的提交页面的时候,碰到了跳转不了的问题.其中a标签的形式<a href="" onclick="submit()"> ...
- img标签中alt属性与title属性在seo的作用-摘自网友
img标签中alt属性与title属性作用,也许大家比较迷惑,现在给大家举例说明.alt属性是图片的替换文字.title属性规定元素的额外信息,有视觉效果. 目录 alt属性 title属性 ie和f ...
- html的meta总结,html标签中meta属性使用介绍(转)
html的meta总结,html标签中meta属性使用介绍 2014年11月5日 5928次浏览 引子 之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/po ...
- JSTL的forEach标签中的属性具体含义
JSTL的forEach标签在JSP页面经常替代Java脚本的循环语句,生成多个记录的信息.一般只需 一个一个的展示记录即可,有些需要获取当前记录的索引.在需要获取当前记录的索引的时候可能 有点麻烦, ...
- 浅析网页meta标签中X-UA-Compatible属性的使用
今天有一个做开发的朋友突然问你知道很多网站上面加入的X-UA-Compatible属性的意义么?其实这个在以前还专门花了一点时间来验证我自己的想法,结果也确实如自己所预想的那样,八九不离十,当然有一点 ...
- jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点
样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div" ...
- Meta标签中的属性及含义
一.Meta标签中的format-detection属性及含义 format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的forma ...
- 关于Meta标签中format-detection属性及含义
一.Meta标签中的format-detection属性及含义 意为:格式检测 或许你会有这样的经历:当你在制作手机端的页面中,点击了没有加任何链接的格式的数字时,这时手机会进行自动拔号提示操作! 禁 ...
随机推荐
- Neutron命令测试1
Refer: http://wenku.baidu.com/link?url=DtrbhO0A393hg8kOWKX0XYuZtSC8Iu0occn8NF1pYcUwNzlaSq5qXCQoNEBDM ...
- Murano Weekly Meeting 2015.10.20
Meeting time: 2015.October.20th 1:00~2:00 Chairperson: Serg Melikyan, PTL from Mirantis Meeting sum ...
- node+mongoDB+express项目需求解释
1. morgon模块 --- morgon 用于打印日志,分别为向后台打印和向文件中打印两种情况.stackoverflow. 2. app.use(bodyParser.json()) 3. de ...
- c3p0 数据连接池 流行开源
注意事项:配置文件规定命名,不能更改 c3p0-config <?xml version="1.0" encoding="UTF-8"?>< ...
- POJ 3694——Network——————【连通图,LCA求桥】
Network Time Limit:5000MS Memory Limit:65536KB 64bit IO Format:%I64d & %I64u Submit Stat ...
- java学习第十二天
1:Scanner的使用(了解) (1)在JDK5以后出现的用于键盘录入数据的类. (2)构造方法: A:讲解了System.in这个东西. 它其实是标准的输入流,对应于键盘录入 B:构造方法 Inp ...
- Xtrareport 交叉报表
什么是交叉报表呢? 官方回答:交叉表报表是以交叉表形式呈现信息的报表. 交叉表 (或透视表) 类似于简单的普通数据绑定表格,但是改为在单个表格中呈现多维的分层级的信息,并含有每行和每列的自动排序.计数 ...
- 参数化拼接in查询条件,个人备份
/// <summary> /// 查询数据报表 /// </summary> /// <param name="Tr ...
- 动态LINQ(Lambda表达式)构建
using System; using System.Collections.Generic; using System.Linq; using System.Linq.Expressions; us ...
- dom父节点