自学jQuery梳理笔记

Posted web前端煜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自学jQuery梳理笔记相关的知识,希望对你有一定的参考价值。

基础语法: $(selector).action()基于css选择器

$("*") 选取所有元素
$(this) 选取当前 html 元素
$("p.intro") 选取 class 为 intro 的 <p> 元素
$("p:first") 选取第一个 <p> 元素
$("ul li:first") 选取第一个 <ul> 元素的第一个 <li> 元素
$("ul li:first-child") 选取每个 <ul> 元素的第一个 <li> 元素
$("[href]") 选取带有 href 属性的元素
$("a[target=‘_blank‘]") 选取所有 target 属性值等于 "_blank" 的 <a> 元素
$("a[target!=‘_blank‘]") 选取所有 target 属性值不等于 "_blank" 的 <a> 元素
$(":button") 选取所有 type="button" 的 <input> 元素 和 <button> 元素
$("tr:even") 选取偶数位置的 <tr> 元素
$("tr:odd") 选取奇数位置的 <tr> 元素

======================

关于 : 和 [] 这两个符号的理解

:可以理解为种类的意思,如:p:first,p 的种类为第一个。

[] 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。

========================
jQuery效果

显示/隐藏:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

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

toggle():
切换显示与隐藏

--------------------------------------------

淡入淡出:

()填入"slow"、"fast" 或毫秒

jQuery fadeIn()淡入

jQuery fadeOut()淡出

jQuery fadeToggle()淡入淡出切换

jQuery fadeTo(‘slow‘,0.5)颜色慢慢变淡50%

--------------------------------------------

以上是关于自学jQuery梳理笔记的主要内容,如果未能解决你的问题,请参考以下文章

jQuery:自学笔记——jQuery选择器

jQuery 自学笔记

jQuery:自学笔记——Ajax

jQuery 自学笔记

jQuery 自学笔记

jQuery 自学笔记