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