jquery之样式属性
来源:互联网 发布:java cms源码 编辑:程序博客网 时间:2024/05/16 05:12
jquery之样式学习备忘录!
attr方法
attr(传入属性名):获取属性的值
attr(属性名, 属性值):设置属性的值 $("#input1").attr('value','.attr( attributeName, value )')
attr(属性名,函数值):设置属性的函数值
attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … }
removeAttr()删除方法
.removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute) $("input:eq(3)").removeAttr('value')
.html()方法
.html() 不传入值,就是获取集合中第一个匹配元素的HTML内容 $('p:first').html( $(".first-div").html() )
.html( htmlString ) 设置每一个匹配元素的html内容
.html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数
.text()方法
.text() 得到匹配元素集合中每个元素的合并文本,包括他们的后代
.text( textString ) 用于设置匹配元素内容的文本
.text( function(index, text) ) 用来返回设置文本内容的一个函数
//通过.text()的回调,获取原本的内容,修改,在重新赋值 $(".left a:first").text(function(idnex,text){ return '增加新的文本内容' + text })
.val()方法
.val()无参数,获取匹配的元素集合中第一个元素的当前值 var str=$("#id").val();
.val( value ),设置匹配的元素集合中每个元素的值
.val( function ) ,一个用来返回设置值的函数
.addClass( className )方法
.addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名
.addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名
.removeClass( )方法
.removeClass( [className ] ):每个匹配元素移除的一个或多个用空格隔开的样式名
.removeClass( function(index, class) ) : 一个函数,返回一个或多个将要被移除的样式名
//.removeClass() 方法允许我们指定一个函数作为参数,返回将要被删除的样式 $('.right > div:first').removeClass(function(index,className){ //className = aa bb imoocClass //把div的className赋给下一个兄弟元素div上作为它的class $(this).next().addClass(className) //删除自己本身的imoocClass return 'imoocClass' })
.toggleClass( )方法
.toggleClass( className ):在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名
.toggleClass( className, switch ):一个布尔值,用于判断样式是否应该被添加或移除
.toggleClass( [switch ] ):一个用来判断样式类添加还是移除的 布尔值
.toggleClass( function(index, class, switch) [, switch ] ):用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数
//给所有的tr元素加一个class="c"的样式
$("#table tr").toggleClass("c");
.css() 方法:获取元素样式属性的计算值或者设置元素的CSS属性
.css( propertyName ) :获取匹配元素集合中的第一个元素的样式属性的计算值$('.first').css("font-size")
.css( propertyNames ):传递一组数组,返回一个对象结果var value = $('.first').css(["width","height"]);
设置
.css(propertyName, value ):设置CSS
.css( propertyName, function ):可以传入一个回调函数,返回取到对应的值进行处理
.css( properties ):可以传一个对象,同时设置多个样式
jquerydata数据存储
jQuery.data( element, key, value ) //静态接口,存数据
jQuery.data( element, key ) //静态接口,取数据
.data( key, value ) //实例接口,存数据
.data( key ) //实例接口,存数据
$('.left').click(function() { var ele = $(this); //通过$.data方式设置数据 $.data(ele, "a", "data test") $.data(ele, "b", { name : "慕课网" }) //通过$.data方式取出数据 var reset = $.data(ele, "a") + "</br>" + $.data(ele, "b").name ele.find('span').append(reset) }) $('.right').click(function() { var ele = $(this); //通过.data方式设置数据 ele.data("a", "data test") ele.data("b", { name: "慕课网" }) //通过.data方式取出数据 var reset = ele.data("a") + "</br>" + ele.data("b").name ele.find('span').append(reset) })
removeData方法移除数据jQuery.removeData( element [, name ] )
.removeData( [name ] )
就这么多,继续学习备忘
- jquery之样式属性
- jQuery之dom操作(属性、样式操作)
- jQuery的属性与样式之.val()
- jQuery的属性与样式之.val()
- jQuery的属性与样式之.val()
- jQuery的属性与样式之增加样式.addClass()
- jQuery的属性与样式之删除样式.removeClass()
- jQuery的属性与样式之切换样式.toggleClass()
- jQuery的属性与样式之样式操作.css()
- jQuery的属性与样式之增加样式.addClass()
- jQuery的属性与样式之删除样式.removeClass()
- jQuery的属性与样式之切换样式.toggleClass()
- JQuery--属性与样式
- JQuery属性样式
- Jquery属性样式
- JQuery 设置样式属性
- jQuery学习之旅 Item3 属性操作与样式操作
- jQuery学习之旅 3 属性操作与样式操作
- 关于小米4c 在使用Android Studio Run的时候 Installation failed with message Failed to establish session
- ==和equals的区别
- Python 中文转Unicode字符串
- matlab中波浪号~的作用和用法
- 2.2层次性数据和闭包性质
- jquery之样式属性
- Cocos项目中接入微信SDK
- Pandas基础学习
- 交叉编译器 arm-linux-gnueabi 和 arm-linux-gnueabihf 的区别
- Linux + ARM驱动开发环境配置(内核配置与编译)
- 树梅派Ubuntu mate 16.04 首次安装配置(中文输入法,显示配置等)
- python_selenium笔记
- 2017.11.10心得
- 共享池抖动分析脚本