【前端学习笔记】2015-09-01 附二 关于jq选择器的简单运用

标签：

根据id来选择------$("#id")

根据class来选择------$(".classname")

根据tag来选择-------$("tag")

根据属性来选择-------$("[name=‘abc‘]")

        根据属性还可以   $("[name^=‘abc‘]")  已abc开头的name属性   同理$("[name$=‘abc‘]")以abc结尾的name属性   ps：^  $正则表达式

　　  这个方法尤其适合通过class属性查找，且不受class包含多个名称的影响：

　　　var icons = $(‘[class^="icon-"]‘); // 找出所有class包含至少一个以`icon-`开头的DOM// 例如: class="icon-clock", class="abc icon-home"

根据组合来选择------$(‘input[name="abc"]‘) 有name=abc属性的input标签

多项选择器------$("a.red,a.green")找出<a class="red">和<a class="green">,多个选择器用逗号隔开，要注意的是，选出来的元素是按照它们在HTML中出现

的顺序排列的，而且不会有重复元素。例如，<p class="red green">不会被上面的$(‘p.red,p.green‘)选择两次。

【前端学习笔记】2015-09-01 附二 关于jq选择器的简单运用

标签：

原文地址：http://www.cnblogs.com/zipon/p/4776592.html