JQuery笔记

jquery的替换函数：

replace()

replace(要替换的目标，替换后新值)

$("image").attr("src").replace("width=60", "width=200");

find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

$("p").find("span").css('color','red');

attr() 方法设置或返回被选元素的属性值。

$("button").click(function(){  $("img").attr("width","180");});

slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。

如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。

 

$(".btn1").click(function(){  $("p").slideToggle();});

 next()  next(expr)  返回匹配对象剩余的兄弟节点

    alert($("p").next().html());
    alert($("p").next(".selected").html());

$("p").next()               返回 [ <p id="a">Hello Again</p> , <p class="selected">And Again</p> ]          两个对象
$("p").next(".selected)            只返回 [<p class="selected">And Again</p> ]一个对象
 

:first 只匹配一个元素

:first-child 为每个父元素匹配一个子元素

:last

:last-child 同理

 

$("ul li:first")        //[<li>John</li>]　　　　获取第一个元素
$("ul li:first-child")  //[<li>John</li>,<li>Glen</li>]　　　　获取每个UL下的第一个li
 

$("tr:not(:first)").css("color","red");     //除第一行外所有的文字颜色为Red  红色

 

jquery之empty()与remove()区别

October 15, 2014

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script>
    $(function(){
        $("p").empty();         //只删除内容
        $("p").remove()         //删除  Dom
    })
    </script>