jquery笔记001-jquery选择器

1、jQuery 选择器--都是HTML 元素组或单个元素

<script>

$(document).ready(function(){

  $("button").click(function(){   ----------选择器选择html 元素，触发script脚本

    $("p.test").hide(); ----------选择器--选择具体的元素，执行动作

  });

});

</script>

————————————————————————————

总结：

1、选择器 定位都是以双引号"",包括

2、顺序取元素组里的第一个/最后一个，分隔符为冒号 ：（$("p:first")选取第一个 <p> 元素/ last最后一个）

3、父与子 之前以空格隔开 ($("ul li:first")选取第一个 <ul> 元素的第一个 <li> 元素)

4、选取 html元素中的属性使用[]     ($("[href]")选取带有 href 属性的元素)

————————————————————————————

#id 选择器

.class 选择器

$("*")选取所有元素在线实例

$(this)选取当前 HTML 元素在线实例

$("p.intro")选取 class 为 intro 的 <p> 元素在线实例

$("p:first")选取第一个 <p> 元素在线实例   ，last最后一个

$("ul li:first")选取第一个 <ul> 元素的第一个 <li> 元素在线实例

$("ul li:first-child")选取每个 <ul> 元素的第一个 <li> 元素在线实例

$("[href]")选取带有 href 属性的元素在线实例

$("a[target='_blank']")选取所有 target 属性值等于 "_blank" 的 <a> 元素在线实例

$("a[target!='_blank']")选取所有 target 属性值不等于 "_blank" 的 <a> 元素在线实例

$(":button")选取所有 type="button" 的 <input> 元素 和 <button> 元素在线实例

$("tr:even")选取偶数位置的 <tr> 元素在线实例

$("tr:odd")选取奇数位置的 <tr> 元素