jQuery库 在线

212jQuery 删除元素

<div id="div1">
    这是 div 中的一些文本
    <p class="part">这是在 div 中的一个段落</p>
    <p>这是在 div 中的另外一个段落</p>
</div>

在使用 remove() 的过滤器删除时,不能删除带有过滤器的子元素。

$(document).ready(function(){    $("button").click(function(){        $("#div1").remove(".part");    });});

211jQuery Callback

被立即停止的动画不会触发回调,被立即完成的动画会触发回调。

$(document).ready(function(){     $("button").click(function(){  $("p").hide(3000,function(){   alert("段落现在被隐藏了");  }); }); $("#happy").click(function(){     $("p").stop(false,true); });});

尝试一下 »

209jQuery 效果 jQuery 隐藏/显示

对于楼上,总结的很到位,补充一点:

$(selector) 选中的元素的个数为 n 个,则 callback 函数会执行 n 次。

对于这里,当 callback 函数加上括号时,函数立即执行,只会调用一次, 如果不加括号,元素显示或隐藏后调用函数,才会调用多次。

208jQuery 效果 jQuery 隐藏/显示

对于可选的 callback 参数,有以下两点说明:

1.$(selector)选中的元素的个数为n个,则callback函数会执行n次;

2.callback函数名后加括号,会立刻执行函数体,而不是等到显示/隐藏完成后才执行;

3.callback既可以是函数名,也可以是匿名函数;

207jQuery 选择器

$(":button") 为 jQuery 中表单选择器(貌似与过滤选择器同级),旨在选择所有的按钮,所以会找到 <input><button> 元素;而 $("button") 则为基本选择器,旨在选择为 <button> 的标签。

: 即为 jQuery 的过滤选择器,语法类似于 css 中的伪类选择器;其过滤选择器大概可以分为基本过滤(p:first 之类)、内容过滤(:empty)、子元素过滤(:first-child)和属性过滤 [href] 选择器。