.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 标签中的属性操作的更多相关文章

  1. JQuery处理DOM元素-属性操作

    JQuery处理DOM元素-属性操作 //操作元素的属性: $('*').each(function(n){ this.id = this.tagName + n; }) //获取属性值: $('') ...

  2. a标签中href属性引起的页面不跳转问题

    先简单描述问题,今天在做一个简单的提交页面的时候,碰到了跳转不了的问题.其中a标签的形式<a href="" onclick="submit()"> ...

  3. img标签中alt属性与title属性在seo的作用-摘自网友

    img标签中alt属性与title属性作用,也许大家比较迷惑,现在给大家举例说明.alt属性是图片的替换文字.title属性规定元素的额外信息,有视觉效果. 目录 alt属性 title属性 ie和f ...

  4. html的meta总结,html标签中meta属性使用介绍(转)

    html的meta总结,html标签中meta属性使用介绍 2014年11月5日 5928次浏览 引子 之前的我的博客中对于meta有个介绍,例如:http://www.haorooms.com/po ...

  5. JSTL的forEach标签中的属性具体含义

    JSTL的forEach标签在JSP页面经常替代Java脚本的循环语句,生成多个记录的信息.一般只需 一个一个的展示记录即可,有些需要获取当前记录的索引.在需要获取当前记录的索引的时候可能 有点麻烦, ...

  6. 浅析网页meta标签中X-UA-Compatible属性的使用

    今天有一个做开发的朋友突然问你知道很多网站上面加入的X-UA-Compatible属性的意义么?其实这个在以前还专门花了一点时间来验证我自己的想法,结果也确实如自己所预想的那样,八九不离十,当然有一点 ...

  7. jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点

    样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div" ...

  8. Meta标签中的属性及含义

    一.Meta标签中的format-detection属性及含义 format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的forma ...

  9. 关于Meta标签中format-detection属性及含义

    一.Meta标签中的format-detection属性及含义 意为:格式检测 或许你会有这样的经历:当你在制作手机端的页面中,点击了没有加任何链接的格式的数字时,这时手机会进行自动拔号提示操作! 禁 ...

随机推荐

  1. OpenStack Weekly Rank 2015.08.17

    Module Reviews Drafted Blueprints Completed Blueprints Filed Bugs Resolved Bugs Cinder 5 1 1 6 13 Sw ...

  2. (转)ssh-keygen 中文手册

    ssh-keygen 中文手册 原文:http://www.jinbuguo.com/openssh/ssh-keygen.html 实例:http://blog.csdn.net/yl_1314/a ...

  3. jq学习总结之方法

    三.方法 1.length 2.index()3.get() reverse()4.not()5.filter()6.find()7.each()8.addBack()9.attr()10.toggl ...

  4. css 动画 和 响应式布局和兼容性

    14.动画 -moz-:火狐, -ms-:IE,-webkit-:谷歌,-o-:欧朋 transform旋转 rotate旋转 scale放大 translate偏移量 skew倾斜度 transfo ...

  5. jQuery Validate验证框架详解(转)

    jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type=& ...

  6. Django实战-用户注册和登陆系统

    1.环境搭建和创建项目 1.环境搭建 每当我们开始一个新项目的时候,通常都会搭建一个全新.独立.隔离的项目环境,这样做的好处自然不必多说.有很多种建立项目虚拟环境的工具,使用比较普遍的是Python中 ...

  7. AngularJS 指令解析(一)

    AngularJS 指令解析(一) 前言 笔者AngularJS接触时间差不多是两年多,虽然这两年多AngularJS版本日新月异,但是笔者的版本是比较老的1.4.3,一方面是自己对这个版本比较熟悉, ...

  8. Linux 两组信号对比

    博客逐步迁移到,独立博客,原文地址 http://www.woniubi.cn/two_groups_signal_difference/ 之前看信号的时候,没有太注意不同信号的对比.今天再次看到的时 ...

  9. Android Studio 导入 AOSP 源码

    有了 AOSP 源码,接下来就是如何看了,可以直接文本看,可以用 Source Insight,我当然选择 Android Studio,Android Studio 是我熟悉且十分强大的工具.问题来 ...

  10. Java笔记 —— 方法重载和方法重写

    Java笔记 -- 方法重载和方法重写 h2{ color: #4ABCDE; } a{ text-decoration: none !important; } a:hover{ color: red ...