码迷,mamicode.com
首页 > Web开发 > 详细

自学jQuery梳理笔记

时间:2018-03-08 02:50:01      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:back   post   参数   tar   blog   切换   效果   符号   blank   

基础语法: $(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梳理笔记

标签:back   post   参数   tar   blog   切换   效果   符号   blank   

原文地址:https://www.cnblogs.com/liuyuweb/p/8526035.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!