JQuery语法结构
JQuery语句主要包含三大部分:$(),doucment和ready().
这三大部分在JQuery中分别被称为工厂函数,选择器和方法。
$()=JQuery()
当$()的参数是DOM对象时,该对象不需要使用双引号包裹起来,如果获取的是doucment对象,则写作$(doucment).
$(function () { $("li").mousemove(function () { $(this).css("background","red"); }).mouseout(function () { $(this).css("background",""); }) })自动迭代
DOM对象和JQuery对象转换
//onload = function () { // var $dom = $("#myid"); // var dom = $dom[0]; // dom.onclick = function () { // if(dom.checked==true){ // alert("成功"); // } // } //}
可以将DOM对象转换成JQuery对象,以使用JQuery提供的丰富功能,也可以将JQuery对象转换成DOM对象,使用DOM对象特有的成员提供的功能。
JQuery选择器
基本选择器
主要包括:标签选择器,类选择器,ID选择器,并集选择器,交集选择器和全局选择器。
$("p").click(function(){
$("span").css(”background“,"#FF6")
});
层次选择器:
后代选择器,子选择器,相邻选择器,和同辈选择器。
$("h2").click(function(){
$("#menu span").css(”background“,"#FF6");
});
单击h2元素时,为#menu下的span元素添加色为#FF6的背景颜色的功能
$("h2").click(function(){
$("body span").css(”background“,"#FF6");
$("body>span").css(”background“,"#FF7");
});
属性选择器
$("h2").click(function(){
$("h2[title]").css(”background“,"#FF6");
});
单击h2元素时,为包含属性名为title的h2元素添加颜色为#FF6的背景颜色的功能。
基本过滤选择器
:first 选取第一个元素
:last 选取最后一个元素
:even选取索引是偶数的所有元素(index从0开始)
:odd选取索引是奇数的所有元素(index从0开始)
:gt(index)选取索引大于index的元素(index从0开始)
:eq(index)选取索引等于index的元素(index从0开始)
:lt(index)选取索引小于index的元素(index从0开始)
:header 选取所有标题元素,如h1-h6
:focus 选取当前获取焦点的元素
$("tr:even").css("background-color","#F63");
可见性过滤选择器
:visible 选取所有可见的元素
:hidden 选取所有隐藏的元素
$(function () { $("p").click(function() { $("p:hidden").show(); $("p:visible").hide(); $("li:even").css("background-color", "#CCC"); $(".s").css("background-color", "#FF99CC"); }) })可见性过滤选择器
原标题:初始JQuery
关键词:jquery