jQuery介绍 常用选择器

jquery现在三个版本, 1.x  2.x  3.x  都在用,越小的版本兼容性越好,ie8以下浏览器也支持,新功能不多。我们通常使用1.x

在html中,css放Head中,js放body尾部

jquery的调用方法有二种,jQuery.方法     $方法

jquery转dom:  jquery对象[0] 就是dom对象

dom转jquery: jquery(dom对象)或 $(dom对象)

选择器:

  找id:$('#id‘)

  找class:$('#id‘)

  找标签:$('a‘)

    组合查找:$('#id,.c1,a‘)

  层级查找:

    $('#i1 a‘);  中间是空格的找i1下的子子孙孙下的a.

    $('#i1>a‘);  中间是大于号的找i1下的儿子中的a.

  取第一个:

    $('#i1 a:first‘);  找i1下的子子孙孙下的第一个a.

  取最后一个:

    $('#i1 a:last‘);  找i1下的子子孙孙下的最后一个a.

  取指定某一个,下标从0开始:

    $('#i1 a:eq(2)‘);  找i1下的子子孙孙下的第3个a.

  属性查找:

    $('#i1 [alex]');  找i1下的子子孙孙下的所有含alex属性的对象.  

    $('#i1 [alex="123"]');  找i1下的子子孙孙下所有alex=123属性的对象.

     $('#i1 [type="text"]');  找i1下的子子孙孙下所有type=text属性的对象.

原文地址:https://www.cnblogs.com/alex-hrg/p/9478609.html