jquery 操作html元素(及CSS)

1549年前 (2016-04-08)javaScript3310

 $("li").addClass("aui-user-view-cell aui-img") ;  //给元素添加样式

$('#a1').attr('href',"${base}/user/order/ordersById/"+json[i].id);//给id 赋值

  $("p").removeAttr("id");//删除标签
  $('input[type="text"]').attr('disabled');//所有input增加标签
 
 
   $("#tt2").hide();//jquery 控制div隐藏和显示
   $("div[name='bt']").show();//jquery 控制所有name是bt的 div 显示
   
   
//两种方法设置disabled属性
$('#areaSelect').attr("disabled",true);
$('#areaSelect').attr("disabled","disabled");
//三种方法移除disabled属性
$('#areaSelect').attr("disabled",false);
$('#areaSelect').removeAttr("disabled");
$('#areaSelect').attr("disabled","");

jQuery 选择器
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
选择器允许您对 HTML 元素组或单个元素进行操作。
在 HTML DOM 术语中:
选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。

选择器  实例  选取

*  $("*")  所有元素
#id  $("#lastname")  id="lastname" 的元素
.class  $(".intro")  所有 class="intro" 的元素
element  $("p")  所有 <p> 元素
.class.class  $(".intro.demo")  所有 class="intro" 且 class="demo" 的元素
     
:first  $("p:first")  第一个 <p> 元素
:last  $("p:last")  最后一个 <p> 元素
:even  $("tr:even")  所有偶数 <tr> 元素
:odd  $("tr:odd")  所有奇数 <tr> 元素
     
:eq(index)  $("ul li:eq(3)")  列表中的第四个元素(index 从 0 开始)
:gt(no)  $("ul li:gt(3)")  列出 index 大于 3 的元素
:lt(no)  $("ul li:lt(3)")  列出 index 小于 3 的元素
:not(selector)  $("input:not(:empty)")  所有不为空的 input 元素
     
:header  $(":header")  所有标题元素 <h1> - <h6>
:animated     所有动画元素
     
:contains(text)  $(":contains('W3School')")  包含指定字符串的所有元素
:empty  $(":empty")  无子(元素)节点的所有元素
:hidden  $("p:hidden")  所有隐藏的 <p> 元素
:visible  $("table:visible")  所有可见的表格
     
s1,s2,s3  $("th,td,.intro")  所有带有匹配选择的元素
     
[attribute]  $("[href]")  所有带有 href 属性的元素
[attribute=value]  $("[href='#']")  所有 href 属性的值等于 "#" 的元素
[attribute!=value]  $("[href!='#']")  所有 href 属性的值不等于 "#" 的元素
[attribute$=value]  $("[href$='.jpg']")  所有 href 属性的值包含以 ".jpg" 结尾的元素
     
:input  $(":input")  所有 <input> 元素
:text  $(":text")  所有 type="text" 的 <input> 元素
:password  $(":password")  所有 type="password" 的 <input> 元素
:radio  $(":radio")  所有 type="radio" 的 <input> 元素
:checkbox  $(":checkbox")  所有 type="checkbox" 的 <input> 元素
:submit  $(":submit")  所有 type="submit" 的 <input> 元素
:reset  $(":reset")  所有 type="reset" 的 <input> 元素
:button  $(":button")  所有 type="button" 的 <input> 元素
:image  $(":image")  所有 type="image" 的 <input> 元素
:file  $(":file")  所有 type="file" 的 <input> 元素
     
:enabled  $(":enabled")  所有激活的 input 元素
:disabled  $(":disabled")  所有禁用的 input 元素
:selected  $(":selected")  所有被选取的 input 元素
:checked  $(":checked")  所有被选中的 input 元素

本文原创,转载必追究版权。

分享给朋友:

相关文章

多说评论框怎么用更好

 1.隐藏屏蔽掉多说评论框的版权链接代码?简单css实现:多说隐藏版权链接,在后台自定义css添加:#ds-thread #ds-reset .ds-powered-by { display...

java.lang.ClassNotFoundException: oracle.jdbc.driver.OralceDriver

 java.lang.ClassNotFoundException: Oracle.jdbc.driver.OracleDriver这个错误;原因可能是 少了驱动 ,少包class...

MyEclipse 8.5 新建 基于Xfire的webservice

MyEclipse 8.5 新建 基于Xfire的webservice

 使用Xfire实现Web Services,作业应当包括相关的实现软件代码以及对应的WSDL。 MyEclipse 8.5,XFire 1.2.6,weblogic 11g/TomcatX...

freeMarker Jfinal 获取session里的值

问题:freeMaker session取值的常用格式都试过 session["xxx"],session.xxx 直接xxx 都取不出来?????解决:JFinal与Struts...

程序员为什么不炫富

程序员为什么不炫富

 提到互联网,尤其是互联网工程师们,人们往往会想到两个词:“高薪”和“高压”。在知乎上“为什么很少见工资高的程序员炫富?”的问题下,一个得票很高的答案是:“乐意炫富的人,不是因为有钱,而是因为付出的少...

评论列表

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。