jquery 操作html元素(及CSS)

1549年前 (2016-04-08)javaScript3156

 $("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 元素

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

分享给朋友:

相关文章

js截取字符串方法substr和substring

 (1)substr 方法:var stringvar='abcdefghigklmn';stringvar.substr(start [, length ]);start:...

js动态加载复选框checkbox(XML串)

 首先,使用JS动态产生Checkbox可以采用如下类似的语句:代码如下:var checkBox=document.createElement("input");che...

java将金额转化为大写金额

 private static String[] num = {"零","壹","贰","叁","肆...

get方式调用http接口   Header赋参数值

get方式调用http接口 Header赋参数值

   /**      195.     * 发送...

freeMarker 截取字符串(操作字符串函数 )

<#if c.proSummary!?length gt 25>  <!-- 如果长度 >25 截取25个字-->    ...

开机密码忘记怎么办

1、重新启动计算机,在启动画面出现后马上按下F8键(不同类型型号电脑启动键不一样,参考附加),选择“带命令行的安全模式”。2、运行过程结束时,系统列出了系统超级用户“administrator”和本地...

评论列表

发表评论

访客

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