jquery的选择器属性等

 

1、$("#orderedlist").addClass("red");
给id=orderlist的添加class属性。
2、$("#orderedlist > li").addClass("blue");或者$("#orderedlist  li").addClass("blue");
对所有的<li>添加class属性
 <ol id="orderedlist">
  <li>First element</li>
  <li>Second element</li>
  <li>Third element</li>
 </ol>
3、$(this).removeClass("green");
移除class属性。
4、$(this).html( $(this).html() + " BAM! " + i );
$(this).html()取该处的html，$(this).html(“”)里面有值说明是设置他的值。
5、$("#orderedlist).find("li") 就像 $("#orderedlist li")一样。each()方法迭代了所有的li。each()是循环的意思
6、$("form").reset()，对事件的重置。
7、$("li").not("[ul]").css("border", "1px solid black").css("color","red");

在不希望某些特定的元素被选择。jQuery 提供了filter() 和not() 方法来解决这个问题。 filter()以过滤表达式来减少不符合的被选择项,
not()则用来取消所有符合过滤表达式的被选择项. css()方法设置样式。
8、$("a[name]").css("background-color","#eee");
这个代码给所有<a>带有name属性的链接加了一个背景色。
9、
$('#faq').find('dd').slideDown().end().find('dt').click(function() {
         var answer = $(this).next();
         if (answer.is(':visible')) {
             answer.slideUp();
         } else {
             answer.slideDown();
         }
    });
首先，$('#faq').find('dd')找到<dd>的行进行slideDown()展示（show()也可以）操作(或者隐藏操作hide()，比如答案点击后显示)。
接着执行end()结束此处接着find('dt')行的代码，.click()当点击该事件执行function()。
var answer = $(this).next();我们用 $(this).next() 来找到dt下面紧接的一个dd元素。
:visible 选择器选取每个当前是可见的元素。
除以下几种情况之外的元素即是可见元素：
a、设置为 display:none
b、type="hidden" 的表单元素
c、Width 和 height 设置为 0
d、隐藏的父元素（同时隐藏所有子元素）
answer.slideUp();answer.slideDown();这两个方法是对事件进行收缩和伸展开来。
10、$("a").hover(function() {
  $(this).parents("p").addClass("highlight");
 }, function() {
  $(this).parents("p").removeClass("highlight");
 });
当鼠标放上面的时候把当前的<a>添加class属性。
11、$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
 //实现表格的隔行换色效果 
$("tr must").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
对tr中含有must属性的进行各行换色
(http://www.okajax.com/a/201106/jquery_12.html)

 

 

友链：商标转让 www.tmtmw.com