JQuery学习之语法

1.JQuery语法就是通过选取HTML元素,并对选取的元素执行某些操作:

基础语法:$(selector).action()

(1)美元符号定义jQuery

(2)选择符(selector)查询和查找HTML元素

(3)jQuery的action()执行对元素的操作

2.JQuery的选择器:

(1)$("*")    选取所有元素

(2)$("this")  选取当前 HTML 元素

(3)$("p.intro")   选取 class 为 intro 的 <p> 元素

(4)$("p:first")     选取第一个 <p> 元素

(5)$("ul li:first")   选取第一个 <ul> 元素的第一个 <li> 元素

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

(7)$("[href]")     选取带有 href 属性的元素

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

(9)$(":button")    选取所有 type="button" 的 <input> 元素 和 <button> 元素

(10)$("tr:even")    选取偶数位置的 <tr> 元素

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

3.JQuery事件方法:

(1)$(document).ready(function(){

    //开始一段代码

});

这个叫做文档就绪事件,是为了防止文档在完全加载就绪之前运行JQuery代码

可以简写为:$(function(){

      //开始一段JQuery代码

});

(2)dblclick()当双击元素时,会发生dblclick事件:

$("p").dblclick(function(){

  $(this).hide();

});

(3)mousedown()当鼠标移动到元素上方,并按下鼠标按键时,会发生mousedown事件

$("#p1").mousedown(function(){

  alert("Mouse  down over  p1");

});

(4)mouseup()当在元素上松开鼠标按钮时,会发生mouseup事件:

$("#p1").mouseup(function{

  alert("Mouse ip over p1!");

});

(5)focus()当元素获得焦点时,发生focus事件;当通过鼠标点击选中元素或通过tab建定位元素时,该元素就会获得焦点;focus()方法触发focus事件:

$("input").focus(function(){

  $(this).css("background-color","#cccccc");

});

(6)hover()方法用于模拟光标悬停事件;当鼠标移动到元素时,就会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,就会触发指定的第二个函数(mouseleave):

$("#p1").hover(function(){

  alert("You entered p1!");

},

function(){

  alert("Bye!   You now  leave  p1!");

});

(7)blur()当元素失去焦点时,就发生blur事件:

$("input").blur(function(){

  $(this).css("background-color","#ffffff");

});

原文地址:https://www.cnblogs.com/hqutcy/p/5951606.html