您的位置:首页 > Web前端 > JQuery

$(document)、$("p").hide(1000)、$("p.intro")、$("p#demo")、jquery属性选择器

2012-03-01 12:48 441 查看
1. $(document).ready(function(){});这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

2. 由于JavaScript 语句(指令)是逐一执行的,按照次序,动画之后的语句可能会产生错误或页面冲突,因为动画还没有完成。为了避免这个情况,您可以以参数的形式添加 Callback 函数。$("p").hide(1000,function(){alert("The paragraph is now hidden");});

3. $("#test").hide() 隐藏 id="test" 的元素。$(".test").hide() 隐藏所有 class="test" 的元素。许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。例子:$("p").hide("slow")

4. jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。$("p") 选取元素。$("p.intro") 选取所有 class="intro" 的元素。$("p#demo") 选取 id="demo" 的第一个元素。

5. jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。$("[href]") 选取所有带有 href 属性的元素。$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息