jQuery
AllenWalker1936
此博客是本人用来记录学习进程以及方便以后复习所学知识的博客,学习资料和部分博客内容来自w3school,代码部分均为本人手打,如有侵权请私信。
展开
-
jQuery 停止动画
jQuery 停止动画方法stop()语法$(selector).stop(stopAll,goToEnd);代码<!doctype html> <head> <title>jq停止动画</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1...原创 2019-03-29 17:28:42 · 295 阅读 · 0 评论 -
jQuery添加元素
jQuery添加元素方法append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容代码<!doctype html> <head> <title>jq添加元素</title> <script src...原创 2019-04-09 16:34:18 · 148 阅读 · 0 评论 -
jQuery 获取
jQuery 获取内容方法text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值语法$("#btn1").click(function(){ alert("Text: " + $("#test").text());});//文本$("#btn2").click(function...原创 2019-04-03 17:04:41 · 182 阅读 · 0 评论 -
jQuery chaining
jQuery chaining介绍Chaining 允许我们在一条语句中允许多个 jQuery 方法(在相同的元素上)。如需链接一个动作,您只需简单地把该动作追加到之前的动作上。代码<!doctype html> <head> <title>JQuery Chaining</title> <script src="h...原创 2019-04-03 16:05:44 · 165 阅读 · 0 评论 -
jQuery设置内容和属性
jQuery设置内容和属性一、设置内容以及回调函数方法text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值例子$("#btn1").click(function(){ $("#test1").text("Hello world!");});//设置文本内容$("#btn2...原创 2019-04-08 16:24:37 · 920 阅读 · 0 评论 -
jQuery Callback
jQuery Callback语法$(selector).hide(speed,callback)//hide只是个栗子代码<!doctype html> <head> <title>JQuery Callback</title> <script src="http://ajax.aspnetcdn.com/ajax/j...原创 2019-04-02 17:01:29 · 241 阅读 · 0 评论 -
jQuery遍历
一、jQuery祖先方法parent() - 返回直接父元素parents() - 返回所有祖先parentsUntil() - 返回指定之间的所有祖先二、jQuery后代方法children() - 返回直接子元素find() - ("*")返回被选元素的所有后代,(“x”)返回备选元素后代中的x元素三、jQuery同胞方法siblings() - 返回...原创 2019-04-11 15:49:58 · 152 阅读 · 0 评论 -
jQuery效果 - 动画
jQuery效果 - 动画方法animate()语法$(selector).animate({params},speed,callback);代码<!doctype html><html> <head> <title>jq动画</title> <script src="http://ajax.aspn...原创 2019-03-28 17:21:59 · 122 阅读 · 0 评论 -
jQuery效果 - 滑动
jQuery效果 - 滑动方法slideDown()slideUp()slideToggle()语法$(selector).slideDown(speed,callback);//向下滑动$(selector).slideUp(speed,callback);//向上滑动$(selector).slideToggle(speed,callback);//切换代码<...原创 2019-03-28 16:24:29 · 145 阅读 · 0 评论 -
jQuery效果 - 淡入和淡出
jQuery 效果 - 淡入和淡出方法fadeIn()fadeOut()fadeToggle()fadeTo()语法$(selector).fadeIn(speed,callback);//淡入$(selector).fadeOut(speed,callback);//淡出$(selector).fadeToggle(speed,callback);//切换$(selec...原创 2019-03-28 14:32:40 · 183 阅读 · 0 评论 -
jQuery效果 - 隐藏和显示
jQuery效果 - 隐藏和显示代码<!doctype html><html> <head> <title>jq隐藏与显示</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script> &...原创 2019-03-28 13:49:37 · 218 阅读 · 0 评论 -
jQuery尺寸
jQuery尺寸方法width() - 返回宽度height() - 返回高度innerWidth() - 返回宽度包括内边距innerHeight() - 返回高度包括内边距outerWidth() - 返回宽度包括内边距和边框outerHeight() - 返回高度包括内边距和边框outerWidth(true) - 返回宽度包括内边距和边框以及外边距outerHeigh...原创 2019-04-10 17:29:59 · 177 阅读 · 0 评论 -
jQuery获取并设置CSS类
jQuery获取并设置CSS类和CSS属性方法addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性设置CSS属性语法1.css(“propertyname”); - 返回指定的CSS属性的值2.css(“propert...原创 2019-04-10 15:37:27 · 181 阅读 · 0 评论 -
jQuery删除元素
jQuery删除元素方法remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素代码<!doctype html> <head> <title>jq删除元素</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-...原创 2019-04-09 17:40:31 · 815 阅读 · 0 评论