用起JQuery来，让元素属性好用得很？不用担心，这儿有绝招！请利用jQuery里的read/set attributes或者add/subtract styles工具，随心所欲地调整选择元素。想了解更多技巧？别犹豫了，接着看下去！
//找到第一个input，通过attr设置属性value的值
$("input:first").attr('value','新设值');
//同时为多个属性赋值
$("input:first").attr({'attr1':'v1','attr2':'v2'...});
//找到最后一个input，通过使用removeAttr删除属性
$("input:last").removeAttr('value');
//得到.first-div内的文本，并以此来设置最后一个p内的文本
$('p:last').text( $(".first-div").text() )
//.html() 不传入值，就是获取.first-div类的HTML内容，不仅仅是文本
//.html( htmlString ) 用之前得到的内容来设置第一个p标签的html内容
$('p:first').html( $(".first-div").html() ) ;
//.val()获取表单id为single元素的值
$("p").text( $("#single").val() );
//设置表单text字段内的值
$("input[type='text']").val('修改表单的字段')
好嘞，听懂没？是要HTML或者纯文本，那就要看你具体的需要。要是用.html(),它会把完整的HTML代码全给你，包括所有标签啥的；但如果要用.text(),它只能给你纯文本，其他无关紧要的细节就忽略不计。实际操作时，用得最多的应该就是.val()，它可以帮你准确获取到表单控件的“value”属性值，别搞混了！
告诉你往好多元素上加点儿啥用的是.html(),但是只能用在头个Element身上。再说说.val(),还是这毛病，选再多也没用，它就认头个’value’。但要是换了.text(),那可得小心点，弄不好就把挑中的都全拿走了。所以，别瞎掺和！
说到替换文本，你知道怎么操作吗?其实超级简单！就记住.html (htmlString). text (textString). val (value)这几步就够了。但要注意，要是有多个元素要处理，那可得小心点用。表面上看好用，但也容易出问题，还是得小心翼翼才行
改网页超轻松的，就像开遥控车那么容易。回调函数一上手，HTML标签、文字什么的随心替换！觉得就像在做玩具似的，成就感满满！
//为class=left下的div元素增加一个新样式 $('.left div').addClass('newClass') //找到所有的div，然后通过addClass函数增加类名 $("div").addClass(function(index,className) { //找到类名中包含imooc的元素，为其添加类名 if(-1 !== className.indexOf('imooc')){ $(this).addClass('imoocClass') //this指向匹配元素集合中的当前元素 } }); //class=left下div元素删除newClass样式 $('.left div').removeClass('newClass'); //如果该元素存在该类名就去除，否则就添加 $('.left div').toggleClass('newClass'); //获取class=first的字体大小样式值 $('p:eq(1)').text( $('.first').css("font-size")); //获取一组属性值并返回为一个对象 var value = $('.first').css(['width','height']); //通过对象访问到对应的值 document.write( "widht:" + value.width + " height:" +value.height) ; //设置样式属性值 $('.fourth').css("background-color","red"); //设置多个属性值 $('.seventh').css({ 'font-size' :"15px", "background-color" :"#40E0D0" });
咱们来聊聊addClass()和css()这两个东东。你会发现addClass()很有用，只需添加个class标签，元素就能穿新衣裳，简单快捷爽歪歪！可是，css()就需要咱们自己动手调样式，得对每个元素进行一一修改，虽然个性化十足，可也太费劲儿，万一手一抖搞砸了咋办？
记住！.addClass()是添加类，不能用来获取样式值。但这里有个好工具叫”.css()”，可以轻松帮到你要是你想改html布局，又觉得头疼或者常常变来变去，那就赶快试试它！
看看 jQuery，学个几招就能变身大神！不管是悄悄偷取网页元素里的隐私，还是大刀阔斧地改头换面，统统轻松搞定！换样式这么简单的事，照着实际需求选最适合的方式就对了！把下面这几点牢记在心，你就能像耍炫酷小技法那样玩转jQuery！现在懂了？可不能小看 jQuery 的属性获取和设定增删样式时更得小心翼翼！.html()、.text()和.val()这三大战胜法宝，可以快速找到选中的文本；利用它们中的html(htmlString)、text(textString)和val(value)，就能精准地替换文本内容。想打标签或换样式，只需要调用.addClass()和.css()就万事俱备。记住这些小妙招，玩转jQuery就是分分钟的事儿！别忘了去评论留言、分享给更多朋友。
评论0