jQuery属性方法
来源:互联网 发布:安卓手机数据恢复免费 编辑:程序博客网 时间:2024/06/03 18:53
1..attr()与.removeAttr()
在DOM操作中有get、setAttribute方法,jQuery也有类似方法
.attr('属性名')获取属性值
.attr('属性名',‘属性值’)设置属性值
也可以{属性名一: “属性值一” , 属性名二: “属性值二” , … … }
.attr(‘属性名’,函数),例子如下:(将返回通过function设置+原来的value值)
$("input:eq(2)").attr('value',function(i,va){ return '通过function设置' + va; })
2.html()及.text()
html()不传入值,则为获取。
html获得的是整个html文档结构,包括标签样式,而text只获取文字。
同样可用函数来修改:
$(".left a:first").text(function(idnex,text){ return '增加新的文本内容' + text; });
3.val()
主要用来处理表单元素的值,如input、select、textarea
val()无参数时为获取。
若在表单中有属性selected=”selected“,则获取它(第一个)。
若multiple=“multiple”,则获取所有selected的标签。
4.增加样式.addClass()、remov0Class()
5.toggleClasss()
.toggleClass(“样式名C”) ,若对象上已有样式C则删除,否则添加。
加上布尔值:.toggle("C",true);true样式应该被添加,若已被添加则无变化;false,样式应该被删去;
6.css()
.css("属性名"):比如css("font-size")获取
.css("属性名","值")设置
也可以用回调函数设置css,实现在原来的基础上的改变:
$('.mod').css("width",function(index,val){ val=val.split("px"); return parseInt(val[0])+50+val[1]; });
注意:css()设置相当于内联设置(标签处设置css),所以优先级高于addClass方法
单、多属性修改:
css("font-size","15px")
css({ 'font-size' :"15px", "background-color" :"#40E0D0", "border" :"1px solid red" })
7.数据存储data()
静态方法,通过jQuery,$.data(ele,key,value),参数包括节点,数据名及值,当然也可以获取:$.(ele,key)
动态方法,通过节点,ele.data(key,value)/ele.data(key)
//通过.data方式设置数据 ele.data("a", "haha") ele.data("b", { name: "abc" }) //使用 ele.data('a'); ele.data('b').name;
//通过$.data方式设置数据 $.data(ele, "a", "haha") $.data(ele, "b", { name : "abc" }) //使用 $.data('a'); $.data('b').name;
8.事件代理delegate()
$('').delegate('li','click',fn)
$('#search-result').delegate('li','click',function(){ var keyword=$(this).text() location.href='http://cn.bing.com/search?q='+keyword; })
- JQuery 属性 方法
- jquery属性及方法
- jQuery 方法 属性
- jQuery 方法 属性
- jQuery属性方法attr
- jQuery属性方法
- jQuery 属性方法 总结
- jquery去处属性方法
- JQuery 常用方法和属性
- jQuery语法方法属性集合
- jQuery 属性操作 - removeClass() 方法
- jQuery 属性操作 - removeAttr() 方法
- jquery属性操作 - attr() 方法
- jquery常用方法、属性集锦
- jQuery 属性操作 - attr() 方法
- jQuery 属性操作 - attr() 方法
- jQuery 属性操作 - attr() 方法
- jQuery 属性操作 - toggleClass() 方法
- android中DialogFragment的一些使用笔记
- Rabbitmq学习之路1-基本概念
- 直接插入排序
- 反爬虫
- 编写一个菜单驱动程序的雏形。该程序显示一个提供4个选项的菜单——每个选项用一个字母标记。
- jQuery属性方法
- 工厂模式
- Python学习之路1——————切片
- 希尔排序
- Hibernate的检索方式
- tr linux
- mqtt协议
- Rabbitmq学习之路3-cluster
- ubuntu下安装h2数据库