JQ语法总结_选择器类

摘要：JQ入口函数$(function(){})JQ事件绑定①$('选择器').click(function(){   })②$('选择器').on('click',function(){    })基本选择器$('input:first').css()$('input:last&#

1. JQ入口函数
   

   $(function(){

   })

2. JQ事件绑定

   ①$('选择器').click(function(){   })

   ②$('选择器').on('click',function(){

       })

3. 基本选择器

   $('input:first').css()

   $('input:last').css()

   $('input:even').css();//下标为偶数

   $('input:odd').css();//下标为奇数
   

   $('input:eq(2)').css();//获取索引为2的input元素

   $('input:lt(2)').css();//获取索引小于2的input元素

   $('input:gt(2)').css();//获取索引大于2的input元素

   $('input:not(.class)').css();//获取不含class类的input元素

4. 属性选择器

   $('属性名')    $('input[type]')

   $('属性名=属性值')    $('input[type=radio]')

   $('属性名!=属性值')    $('input[type!=checkbox]')

   $('属性名^=属性值')    $('input[type^=c]');//查找type类型以字符串c开头的input元素

   $('属性名*=属性值')    $('input[name*=n]');//属性name包含n的input元素

5. 内容选择器

   $("div:contains('tt')")  匹配div中含有tt内容的div元素

   $("div:empty");//匹配div内容是空的div

   $("div:has('span')");//匹配div中含有span元素的div

   $("div:parent");//匹配div中含有子元素或者文本元素的div

批改老师：西门大官人批改时间：2019-02-17 16:09:54
老师总结：如果有案例最好，还有juqery中on和click的作用是什么？