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属性及含义 意为:格式检测 或许你会有这样的经历:当你在制作手机端的页面中,点击了没有加任何链接的格式的数字时,这时手机会进行自动拔号提示操作! 禁 ...
随机推荐
- wampserver启动时图标不变绿的解决方法
有2种可能: 1.你安装wamp的时候安装路径中有中文,把路径全部改为英文. 2.其他软件占用了80端口号,解决方法是在服务中找微软的sql server或者其他服务,关掉服务后重启就行了.
- GOPS 2018全球运维大会上海站 参会感悟梳理
今天遇到很多优秀的讲师.业界的大伽,很开心 现在把get到的信息梳理一下:(1)想解决性能问题,一定要在缓存上下功夫:[nginx上有好多文章可以做,真是博大精深呢<深入理解Nginx:模块开发 ...
- javascript中的this使用场景
刚接触js不久时对this总是感到无比迷茫,以下是来自js设计模式与实践里的总结 this总是指向一个对象,有时指向全局对象,有时指向构造对象,有时指向DOM对象 1. 作为对象的方法调用 做为对象的 ...
- Swift-数组
1.数组的定义 //OC 使用[]定义数组,Swift一样,但是没有@ //自动推导的结果[String]->表示数组中存的都是String //跟OC中的数组指定泛型类型 //Swift ...
- javascript中如何实现继承
javascript中如何实现继承 // 原型方式的'继承' function Person(name) { //定义一个Person的构造函数 this.name = name; //添加属性 } ...
- <Android 基础(九)> Ndk配置与Demo
介绍 The NDK is a toolset that allows you to implement parts of your app using native-code languages s ...
- jquery 滑块导航菜单
带滑块的导航菜单,鼠标悬浮时,滑块会移动至鼠标位置,离开时,滑块会回到原来的位置,点击菜单之后滑块会停留在被点击菜单位置,等待下一次的鼠标悬浮事件或者点击事件,效果图: 图片效果不行,直接上代码: & ...
- HttpWebRequest Post请求webapi
1.WebApi设置成Post请求在方法名加特性[HttpPost]或者方法名以Post开头如下截图: 2.使用(服务端要与客户端对应起来)[单一字符串方式]:注意:ContentType = &qu ...
- C#队列Queue,利用队列处理订单
一.什么是队列 队列(Queue)代表了一个先进先出的对象集合.当您需要对各项进行先进先出的访问时,则使用队列.当您在列表中添加一项,称为入队,当您从列表中移除一项时,称为出队. 这是摘抄网上的.做了 ...
- Java获取Date类型-针对SQL语句
简便使用Date类型: import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedState ...