jquery 基础

浏览数：20 / 时间：2015年06月09日

$(selector).action

语法：$(this).hide(); $("p").hide() $(".test").hide() $("#test").hide()

文档就绪函数：

$(document).ready(function(){

//jquery 代码

});

选择器：元素选择器：标签 class id

属性选择器：$("[href]") $("[href=‘#‘]") 选取所有带有 href 值等于 "#" 的元素 $("[href$=‘.jpg‘]") 选取所有 href 值以 ".jpg" 结尾的元素

jquery css选择器：$("p").css("background-color","red");

jquery 名称冲突：

var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。

jquery 效果：

$(selector).hide(speed,callback);$(selector).show(speed,callback);

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

$(selector).toggle(speed,callback);

显示被隐藏的元素，并隐藏已显示的元素

jquery 淡入淡出效果：

$(selector).fadeIn(speed,callback); 淡入 $(selector).fadeOut(speed,callback); 淡出 $(selector).fadeToggle(speed,callback);

$(selector).fadeTo(speed,opacity,callback);

必需的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。

可选的 callback 参数是该函数完成后所执行的函数名称。

滑动效果：

$(selector).slideDown(speed,callback);$(selector).slideUp(speed,callback);

jquery 动画

$(selector).animate({params},speed,callback);

$(selector).stop(stopAll,goToEnd);

jquery 方法链

$("#p1").css("color","red").slideUp(2000).slideDown(2000); "p1" 元素首先会变为红色，然后向上滑动，然后向下滑动

jquery html

获取类容：

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML 标记）

val() - 设置或返回表单字段的值

获取属性：

$("#w3s").attr("href")

设置类容和属性

$("#test1").text("Hello world!");$("#test2").html("<b>Hello world!</b>");$("#test3").val("Dolly Duck");

$("#w3s").attr("href","http://www.w3school.com.cn/jquery");

创建新元素：

function appendText()
{
var txt1="<p>Text.</p>";               // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");   // 以 jQuery 创建新元素
var txt3=document.createElement("p");  // 以 DOM 创建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3);         // 追加新元素
}
删除元素：
jQuery remove() 方法删除被选元素及其子元素。
jQuery empty() 方法删除被选元素的子元素。
jquery 操作css

addClass() - 向被选元素添加一个或多个类

removeClass() - 从被选元素删除一个或多个类

jQuery width() 和 height() 方法

width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。

height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。

outerWidth() 方法返回元素的宽度（包括内边距和边框）。

innerWidth() 方法返回元素的宽度（包括内边距）。

jquery 遍历

find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。

next() 方法返回被选元素的下一个同胞元素。

nextAll() 方法返回被选元素的所有跟随的同胞元素。

jquery 过滤