<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
基础语法: $(selector).action()
美元符号定义 jQuery
选择符(selector)"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素
关于 : 和 [] 这两个符号的理解
:可以理解为种类的意思,如:p:first,p 的种类为第一个。
[] 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。
click()方法是当按钮点击事件被触发时会调用一个函数。
dblclick()当双击元素时,会发生 dblclick 事件。
mouseenter()当鼠标指针穿过元素时,会发生 mouseenter 事件。
mouseleave()当鼠标指针离开元素时,会发生 mouseleave 事件。
mousedown()当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。
mouseup()当在元素上松开鼠标按钮时,会发生 mouseup 事件。
hover()方法用于模拟光标悬停事件。
focus()当元素获得焦点时,发生 focus 事件。
blur()当元素失去焦点时,发生 blur 事件。
使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
fadeIn() 用于淡入已隐藏的元素
jQuery fadeOut() 方法用于淡出可见元素。
fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。
adeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)
slideDown() 方法用于向下滑动元素
slideUp() 方法用于向上滑动元素
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。
$(selector).animate({params},speed,callback) animate() 方法用于创建自定义动画。
DOM = Document Object Model(文档对象模型)
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
attr() 方法用于获取属性值。alert($("#runoob").attr("href"));
回调函数function有两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值:$("#btn1").click(function(){
$("#test1").text(function(i,origText){
return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")";
});
});
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
append/prepend 是在选择元素内部嵌入。
after/before 是在元素外面追加。
$("body").append(txt1,txt2,txt3);
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
css() 方法设置或返回被选元素的一个或多个样式属性。
$("p").css({"background-color":"yellow","font-size":"200%"});
parent() 方法返回被选元素的直接父元素。
parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素html
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
children() 方法返回被选元素的所有直接子元素。
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代
siblings() 方法返回被选元素的所有同胞元素。
next() 方法返回被选元素的下一个同胞元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
first() 方法返回被选元素的首个元素。
last() 方法返回被选元素的最后一个元素。
eq() 方法返回被选元素中带有指定索引号的元素。
filter()方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回
not() 方法返回不匹配标准的所有元素。
AJAX:
load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
$.post() 方法通过 HTTP POST 请求向服务器提交数据。
<script src="jquery-1.10.2.min.js"></script>
</head>
基础语法: $(selector).action()
美元符号定义 jQuery
选择符(selector)"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素
关于 : 和 [] 这两个符号的理解
:可以理解为种类的意思,如:p:first,p 的种类为第一个。
[] 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。
click()方法是当按钮点击事件被触发时会调用一个函数。
dblclick()当双击元素时,会发生 dblclick 事件。
mouseenter()当鼠标指针穿过元素时,会发生 mouseenter 事件。
mouseleave()当鼠标指针离开元素时,会发生 mouseleave 事件。
mousedown()当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。
mouseup()当在元素上松开鼠标按钮时,会发生 mouseup 事件。
hover()方法用于模拟光标悬停事件。
focus()当元素获得焦点时,发生 focus 事件。
blur()当元素失去焦点时,发生 blur 事件。
使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
fadeIn() 用于淡入已隐藏的元素
jQuery fadeOut() 方法用于淡出可见元素。
fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。
adeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)
slideDown() 方法用于向下滑动元素
slideUp() 方法用于向上滑动元素
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。
$(selector).animate({params},speed,callback) animate() 方法用于创建自定义动画。
DOM = Document Object Model(文档对象模型)
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
attr() 方法用于获取属性值。alert($("#runoob").attr("href"));
回调函数function有两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值:$("#btn1").click(function(){
$("#test1").text(function(i,origText){
return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")";
});
});
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
append/prepend 是在选择元素内部嵌入。
after/before 是在元素外面追加。
$("body").append(txt1,txt2,txt3);
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
css() 方法设置或返回被选元素的一个或多个样式属性。
$("p").css({"background-color":"yellow","font-size":"200%"});
parent() 方法返回被选元素的直接父元素。
parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素html
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
children() 方法返回被选元素的所有直接子元素。
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代
siblings() 方法返回被选元素的所有同胞元素。
next() 方法返回被选元素的下一个同胞元素。
nextAll() 方法返回被选元素的所有跟随的同胞元素
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
first() 方法返回被选元素的首个元素。
last() 方法返回被选元素的最后一个元素。
eq() 方法返回被选元素中带有指定索引号的元素。
filter()方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回
not() 方法返回不匹配标准的所有元素。
AJAX:
load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
$.post() 方法通过 HTTP POST 请求向服务器提交数据。