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属性及含义 意为:格式检测 或许你会有这样的经历:当你在制作手机端的页面中,点击了没有加任何链接的格式的数字时,这时手机会进行自动拔号提示操作! 禁 ...
随机推荐
- Fixed Function Shader
Fixed function shader(固定管线着色器) Shader "Custom/Text01" { //shader名称 ...
- 怎么为android控件边缘添加阴影
为控件设置一个有阴影感的背景图片即可,可以使用shape 在自定义shape中增加一层或多层,并错开,即可显示阴影效果.为增加立体感,按钮按下的时候,只设置一层.我们可以通过top, bottom, ...
- Starting cloudera-scm-server: * Couldn't start cloudera-scm-server的解决办法(图文详解)
bigdata@ubuntucmbigdata1:~$ sudo /etc/init.d/mysql start start: Job is already running: mysql bigdat ...
- Kudu的架构
不多说,直接上干货! Kudu的架构 1.kudu的 基本框架 Kudu 是用于存储结构化( structured )的表( Table ).表有预定义的带类型的列( Columns ),每张表有一 ...
- 在线编辑word文档代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- php 设置虚拟目录
php 设置虚拟目录两个步骤,很简单. 第一,打开安装apache目录下的conf下面的httpd.conf文件. 找到IfModule 标记, 再它下面添加红色方框中的内容.注意不能少东西. ...
- 设置Tomcat的字符编码
在 server.xml 中的 Connector 标签在加入 URIEncoding="UTF-8" 属性. <Connector port="8080" ...
- Eclipse Infrastructure
Everything is plug-ins running on or loaded by plug-ins loader called by a small kernal which is an ...
- ansible使用8-Best Practices
Content Organization production # inventory file for production servers stage # inventory file for s ...
- 学习笔记_TCP编程,服务端
public void startTcpService(String ip) { try { InetAddress ipAddress = InetAddress.getByName(ip); tc ...