jquery 操作html元素(及CSS)

1548年前javaScript2141

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

相关文章

ajax实现轮询 实现消息条数及时更新

ajax实现轮询 实现消息条数及时更新

以后台系统消息提醒为例,实现效果为实时的提示条数更新显示:html及样式:<a title="消息提醒"  href="#"...

js/Jquery判断变量是否含有汉字

  js判断变量是否含有汉字 ,直接附上代码:   var aa= '你好';    var...

jquery.PrintArea.min.js实现打印实例

jquery.PrintArea.min.js实现打印实例

 jquery实现的打印功能大致跟浏览器自带的 Ctrl+P的 效果一样 一、效果图:全屏打印:局部打印:二、代码<html>   <head>...

jquery.validate.min.js自定义添加验证方法(增加身份证、电话验证等)

1、添加验证方法在jquery.validate.js文件中直接添加验证方法,例如:jQuery.validator.addMethod("Specialstring", func...

js/jquery 实现点击图片更换头像(图片)实例

    总之一句话, 可以先将 file类型 的input 隐藏 起来,通过 图片(头像)的onclick事件 来触发 file 的onclick事件。1.引入外部js:...

jquery实现飘窗(飘动图片) 插件bay-window.js

jquery实现飘窗(飘动图片) 插件bay-window.js

效果:   1.js及css部分:    <script type="text/javascript" src="/js/j...

评论列表

发表评论    

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