$(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" 结尾的元素。
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" 结尾的元素。
相关文章推荐
- jQuery选择器之属性选择器Demo
- jQuery 属性选择器 Demo like: element[herf*='value']
- jquery 根据name属性获取对象(=document.getElementByName("") )
- jquery选择器之属性选择器
- jquery中的$("#***")和javascript中document.getElementById相互转换
- Jquery中"$(document).ready(function(){ })"函数的使用详解
- jQuery 层次选择器,属性选择器
- jquery选择表格的一部分,jquery中的$(":gt(index)")用法
- jQuery针对input的class属性写了多个值情况下的选择方法
- JQuery 设置show/hide显示隐藏属性无效的原因
- jquery中的$("#id")与document.getElementById("id")的区别
- JQuery 属性选择器 [id^=btn]
- jquery属性选择器
- document.createElement("A")比较不错的属性
- Jquery中"$(document).ready(function(){ })"函数的使用详解
- jquery.ui dialog show/hide 属性
- jquery 属性选择器(匹配具有指定属性的元素)
- jQuery 选择/取消 id 属性 已经选择的checkbox(java代码混用)
- JQuery--属性选择器
- 02_Jquery_04_属性选择器