Jquery的使用步骤,和js区别,找标签,加事件,改样式,改内容,改属性等等

1.使用步骤

   1)去官网下载jquery.js  2)引入到当前页面 3)查看文档

2.和原生js的区别

    js的入口函数是window.onload=function(){}

    jquery的入口函数是 $(function(){})

   $()找标签 条件可以使各种各样的选择器

    click()点击事件,事件操作是一个匿名函数

    $(this)表示当前标签自己

   //简化了js的基本语法,添加了动画,并且自带遍历效果

3.找标签

   $('#div') id选择器                     

   $(".div") 类选择器                   

   $('div') 标签选择器                   

   $('div li')后代选择器                 

   $('div>a') 子代选择器               

   $('.div,.one') 并集选择器

  选择器筛选

   $('.box li:eq(2)') 第三个li (索引是从0开始)

   $('.box li :gt(3)') 索引大于3的li

   $('.box li:lt(3)') 索引小于3的li

   $('.box li:even')偶数li(索引是从0开始,显示相反)

   $('.box li:odd') 奇数li

   $('.box li :first')第一个li

   $('.box li:last') 最后一个li

   方法找标签

   $('.box li').eq(0) 第一个li

   $('.box li').first() 第一个li

   $('.box li').last() 最后一个li

  表单筛选

  $('.box input:text') //input是text的标签

  $('.box input:submit')

  $('.box input:password')

 关系选择器

$('.box').parent()父元素

$('.box').children(条件) 所有子元素

$('.box').siblings(条件) 所有兄弟元素

$('.box').next()下一个元素

$('.box').nextAll() 下面所有元素

$('.box').prev()上一个元素

$('.box').prevAll() 上面所有元素

4.加事件

标签.click(function(){})点击

标签.mouseover()鼠标移上去

标签.mousemove()鼠标移走

标签.hover() 

其他写法和点击类似

键盘事件(最好是绑定在window上)

keyup和keydown

鼠标事件

mouseup和mousedown

获得焦点和失去焦点事件等

focus和blur

//change事件

5.改样式(样式操作****************)

  标签.css('属性名','属性值')  //一个

  标签.css({'属性名:属性值','属性名:属性值'.....}) //多个

  //类的操作

  标签.addClass('current') 添加新的classClas

  标签.removeClass('current') 移除class

  标签.toggleClass('current') 切换,如果该元素存在,则移除,如果不存在,name添加类名

6.改内容

  标签.html() 修改内容

  标签.val() 修改表单的value值

  标签.text()修改文本内容

7.改属性

 标签.attr('属性名','属性值'); //例子 $('input').attr('type','date');//改属性

 标签.removeAttr('属性名');  //移除属性

 标签.prop('属性名','属性值')

[注意:prop方法用于获取类似checked,selected这样独有标签的属性]