• 1. jQuery选择器介绍 衡阳清华IT 听海提供 http://www.hyqhit.com
  • 2. jQuery选择器选择器是jQuery的根本所在,在jQuery中,对事件处理、遍历DOM和Ajax操作等都需先通过选择器得到相应的jQuery对象。熟悉选择器的使用,即缩小代码的编写量,而且可以达到事半功倍的效果 jQuery选择器与CSS选择器 CSS选择器可以让网页的内容与外观完全分离。 jQuery选择器可以让网页的内容与行为完全分离。
  • 3. jQuery选择器的分类基本选择器 层次选择器 过滤选择器 表单选择器
  • 4. jQuery选择器的优势写法简洁 通过jQuery中提供的$()选择器函数,可以比DOM方式更方便来选择元素 DOM方式 document.getElementById(“id”) jQuery选择器方式 $(“#id”)
  • 5. jQuery选择器的优势支持从CSS1到CSS3的选择器 jQuery选择器支持CSS1、CSS2的全部和CSS3的部分选择器,同时它也有少量独有的选择器。 使用CSS选择器时,开发人员需要考虑主流浏览器是否支持某些选择器。而在jQuery中,开发人员则可以放心地使用jQuery选择器而无需考虑浏览器是否支持这些选择器。 CSS参考
  • 6. jQuery选择器的优势完善的处理机制 使用jQuery选择器不仅比传统的DOM方法简洁,而且通过内部的处理机制,还能避免某些错误。 示例代码 document.getElementById(“tt”).style.color=“red”; //如果在页面上找不到id为tt元素时,将会报错,所以在实际代码中要判断元素是否存在 $(“#tt”).css(“color”,”red”); //如果在页面上找不到id为tt元素时,并不会报错,所以在实际代码中不一定要判断元素是否存在
  • 7. jQuery的基本选择器
  • 8. jQuery的层次选择器
  • 9. jQuery的层次选择器
  • 10. jQuery的过滤选择器
  • 11. jQuery的过滤选择器
  • 12. jQuery的过滤选择器
  • 13. jQuery的过滤选择器
  • 14. jQuery的过滤选择器
  • 15. jQuery的过滤选择器
  • 16. jQuery的表单选择器
  • 17. jQuery选择器中的注意事项选择器中含有”.”,”#”,”(”,”)”,”[”,”]”等特殊字符 空格问题(派生选择器)