jquery 操作html元素(及CSS)

1549年前 (2016-04-08)javaScript2988

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

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

分享给朋友:

相关文章

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

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

JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码

JS或Jquery获取浏览器URL的参数值 汉字值乱码 并转码

1、获取url很简单,代码如下:     window.location.href;2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么...

freeMarker Jfinal 获取session里的值

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

太阳的后裔 经典对白(羞羞哒)

太阳的后裔 经典对白(羞羞哒)

关于电视剧 ,小编常说早就戒了,但是好剧呢还是要追滴。太阳的后裔, 追剧追到12集了,开始都是宋仲基比较调皮:我很想问你一件事情。什么都不要问,你知道我要问什么。看你现在一脸都是很想嘲笑我的表情。哪有...

目标管理法——目标分解法

让自己的人生更幸福更有意义关键是:要将梦想转化为具体的目标,然后合理的分解,达到量化,指标化!现将学习到的两种非常有效的目标分解法分享给所有梦想、有激情的朋友:祝愿大家都能梦想成真! 一、俄...

Java 实现用户资料完整度的前端显示(或根据填写资料自动评分)

前端使用 Bootstrap 的进度条组件显示百分比,后台读取权重并计算信息完整度,并将计算的结果返回给前端,供页面显示。CSS1<link href="static/sc/...

评论列表

发表评论

访客

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