随笔分类 -  JQuery

摘要:jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法:$(selector).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL。 可选 阅读全文
posted @ 2019-11-25 17:35 盗哥泡茶去了 阅读(96) 评论(0) 推荐(0)
摘要:什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。 这些 jQuery 方法很有用,它们用于遍历 DOM 树: <body> <div> <ul> <li><span></s 阅读全文
posted @ 2019-11-25 17:13 盗哥泡茶去了 阅读(154) 评论(0) 推荐(0)
摘要:jQuery 尺寸 jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。 height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。 设置:$("#div1").width(300); 获取:var h = 阅读全文
posted @ 2019-11-25 14:32 盗哥泡茶去了 阅读(57) 评论(0) 推荐(0)
摘要:jQuery addClass() 方法 向被选中元素添加class属性,参数为属性值 $("div").addClass("imp"); 也可以同时向多个元素添加: $("h1,h2,p").addClass("blue"); jQuery removeClass() 方法 删除被选中元素的指定c 阅读全文
posted @ 2019-11-25 14:23 盗哥泡茶去了 阅读(113) 评论(0) 推荐(0)
摘要:jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容(仍然该元素的内部)。 追加前:<p>这是一个文本段落</p> $("p").append("<b>追加文本</b>"); 追加后:<p>这是一个文本段落<b>追加文本</b></p> jQuery p 阅读全文
posted @ 2019-11-25 13:29 盗哥泡茶去了 阅读(144) 评论(0) 推荐(0)
摘要:获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 获取/设置属性 - att 阅读全文
posted @ 2019-11-24 18:24 盗哥泡茶去了 阅读(92) 评论(0) 推荐(0)
摘要:jQuery 动画 - animate() 方法 jQuery animate() 方法用于创建自定义动画。 $(selector).animate({params},speed,callback); 必需的 params 参数定义形成动画的 CSS 属性。 实例: $("button").clic 阅读全文
posted @ 2019-11-24 16:44 盗哥泡茶去了 阅读(143) 评论(0) 推荐(0)
摘要:jQuery 滑动方法可使元素上下滑动。 jQuery slideDown() 方法 jQuery slideDown() 方法用于向下滑动元素至完全显示。 $(selector).slideDown(speed,callback); 用法:将元素css的display设置为none,点击按钮,向下 阅读全文
posted @ 2019-11-24 16:30 盗哥泡茶去了 阅读(97) 评论(0) 推荐(0)
摘要:jQuery Fading 方法 通过 jQuery,您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法: fadeIn() 用于淡入已隐藏的元素。 $(selector).fadeIn(speed,callback); $("button").click(function( 阅读全文
posted @ 2019-11-24 15:45 盗哥泡茶去了 阅读(131) 评论(0) 推荐(0)
摘要:隐藏:$(selector).hide(speed,callback); 显示:$(selector).show(speed,callback); speed:规定隐藏/显示的速度,取值:“slow”,“fast”或毫秒。 callback:隐藏或显示完成后要执行的函数。 实例: <script> 阅读全文
posted @ 2019-11-24 15:32 盗哥泡茶去了 阅读(102) 评论(0) 推荐(0)
摘要:什么是事件? 页面对不同访问者的响应叫做事件。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 如:在元素上移动鼠标,选取单选按钮,点击 事件实例: $("p").click(function(){...}); jQuery事件参考手册:https://www.runoob.com/ 阅读全文
posted @ 2019-11-24 14:47 盗哥泡茶去了 阅读(63) 评论(0) 推荐(0)
摘要:$(...)支持所有css选择器。 css选择器 vs jQuery选择器:优先选择css选择器,因为效率高,jQuery选择器都是用js程序模拟的css选择器。 jQuery选择器参考手册:https://www.runoob.com/jquery/jquery-ref-selectors.htm 阅读全文
posted @ 2019-11-24 14:44 盗哥泡茶去了 阅读(118) 评论(0) 推荐(0)
摘要:jQuery类型 引入jquery.js时,其实是向全局作用域中,添加了一个新的类型--jQuery。 构造函数:负责创建jQuery类型的对象。 原型对象:保存jQuery对象可用的所有简化版API,只有jQuery类型的子对象,才能用简化版API。 什么是jQuery对象 封装DOM元素,并提供 阅读全文
posted @ 2019-11-23 16:11 盗哥泡茶去了 阅读(271) 评论(0) 推荐(0)
摘要:什么是 jQuery ? jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 阅读全文
posted @ 2019-11-23 15:18 盗哥泡茶去了 阅读(134) 评论(0) 推荐(0)