jQuery 学习笔记
文档就绪函数:
$(document).ready(function(){代码});
jQuery 选择器:
元素选择器:$("p") $("p.intro") $("p#demo")
属性选择器:$("[href]")带href属性的元素; $("[href='#']") href为#的元素; $("[href!='#']")href不等于#的元素; $("[href$='.jpg']")href值以.jpg结尾的元素。
修改CSS值:
$("p").css("background-color","red");
jQuery命名冲突:
var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。
jQuery常用事件:
click(); dblclick(); focus(); keydown()/keypress()/keyup();mousedown()/mousemove()/mouseout()/mouseover()/mouseup();
ready(); scroll(); select(); toggle(); load()/unload();
jQuery效果:
隐藏显示:hide() show() toggle()
淡入淡出:fadeIn() fadeOut() fadeToggle() fadeTo("slow",0.5)
滑动:slideDown() slideUp() slideToggle()
动画:animate() 语法:$(选择器).animate({params},speed,callback);
停止动画:stop() 语法:$(selector).stop(stopAll,goToEnd);
jQuery Html操作:
addClass(); before()/after(); append()/appendTo(); prepend()/prependTo(); remove(); empty();
attr(); html(); text(); val();
addClass(); removeClass(); toggleClass();
css(); height(); width();
jQuery 遍历:
parent(); parents(); parentsUntil();
children(); find();
siblings(); next(); nextAll(); nextUntil(); prev(); prevAll(); prevUntil();
first(); last() ; eq(); filter(); not();
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步