JQuery 用法 函数 选择器

$(document).ready(function(){ });

等价于:

$(function(){ });

 

多条件选择器:(注意空格,不能多,不能少)

$("p,div,span.menuitem"),同时选择p标签、div标签和拥有menuitem样式的span标签元素

 

层次选择器：

（1）$("div li")获取div下的所有li元素(后代,子、子的子......);

（2）$(div > li")获取div下的直接li子元素;

（3）$(".menuitem + div")获取样式名为menuitem之后的第一个div元素(不常用);

（4）$(".menuitem - div")获取样式名为menuitem之后所有的div元素(不常用);

 

each用法:

$(function() {

            $("td").mouseover(function() {

                $.each($(this).nextAll("td"),function(){ $(this).text("★");});

            });

        });

 

设置属性值:

attr(属性,值)

取值:

attr(属性)

 

基本过滤选择器:

:first 选取第一个元素.$("div:first)"选取第一个<div>

:last 选取最后一个元素.$("div:last")选取最后一个<div>

:not(选择器) 选取不满足"选择器"条件的元素,$("input:not(.myClass)")选取样式名不是myClass的<input>

:even、:odd,选取索引是奇数、偶数的元素:$("input:even")选取索引是奇数的<input>

:eq(索引序号)、:gt(索引序号)、:lt(索引序号)选取索引等于、大于、小于索引序号的元素,比如$("input:lt()")选取索引小于1的<input>

$(":header")选取所有的h1......h6元素

$("div:animated")选取正在执行动画的<div>元素

 

多层过滤:(注意冒号)

$(function() {

            $("#table1 tr:first").css("fontSize", "40");

            $("#table1 tr:last").css("color", "red");

            $("#table1 tr:gt(0):lt(3)").css("fontSize", "28");

            $("#table1 tr:gt(0):even").css("background", "red");

        });

 

整个页面变灰色:

body{filter:Gray;};

 

body下所有控件:

$("body *")

 

替换节点:

$("br").replaceWith("<hr/>");

将<br/>替换为<hr/>