jquery 操作html元素(及CSS)

1549年前 (2016-04-08)javaScript2579

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

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

相关文章

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

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

   /**      195.     * 发送...

MyEclipse10.7注册码生成

注意经验里的工具可能不可用,请点击 生成注册码工具  下载。提取码:p1w4MyEclipse10.7注册码激活步骤:点击下面的链接http://jingyan.baidu.com/arti...

我差不多是个废人了,感觉身体被掏空

林心如跟霍建华都结婚了,滴滴跟优步都在一起了。我们也应该抱住了吧? 终于8月了,超吃点吧,再一咬牙,坚持一下吧,马上秋天到了,就可以又能马上把肥肉藏起来了。 在这里迫不及待教大家一个夏天过后...

js控制文本域textarea 剩余可填字符显示

Html部分:<span class="remo"><div>还可以输入<span style="font-family: Georgia;...

樊山越玲 一周年

樊山越玲 一周年

2015-12-25樊先森:周末有约吗?玲玲:有约,不过也得先以你为主啊。樊先森:昂,这样说我还挺开心的。2015-3-26玲玲:亲爱的,苹果是你买的吗?已经收到了,谢谢老公玲玲:有点小惊喜樊先森:那...

如果有人夸你漂亮,你会如何回复

如果有人夸你漂亮,你会如何回复

       因为长得好看,会经常被别人夸长得漂亮,该如何机智而又优雅的回复,才能表达出谦虚而又不失敷衍的??如果是对方谦虚:谢谢,你也很漂...

评论列表

发表评论

访客

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