jQuery一些常见的使用:
jQuery hide() 和 show()
通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:
$("p").hide();
$("p").show();
jQuery 设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容:
- text() - 设置或返回所选元素的文本内容
$("#test1").text("Hello world!");
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
$("#test2").html("<b>Hello world!</b>");
- val() - 设置或返回表单字段的值
$("#test3").val("Dolly Duck");
设置属性 - attr()
jQuery attr() 方法也用于设置/改变属性值。
$("#w3s").attr("href","http://www.w3school.com.cn/jquery");
设置 CSS 属性
设置所有匹配元素的指定 CSS 属性。
$(selector).css(name,value)
最后跟大家分享一个让博主非常蛋疼的问题,一直用JQuery用的挺好的,突然就不起作用了。让博主陷入了沉思,以至于怀疑人生。。。在我们写的Jquery代码的时候,一定要循序渐进的写。要保证之前的代码没有出错的情况下继续编码。博主就是在写了很多的jquery代码之后,发现前面一部分都正常执行了,后面的不管怎么调试都出不了。结果发现是其中一句代码出错了导致异常,以至于后面的代码不能运行。就是这一句代码:$("[name='role']").val($(("[name='rd']").val()) == 1 ? "系统管理员" : "业务员")是错误的,高手可以点评一下。