
jQuery
文章平均质量分 53
TimChen666
持续学习的渣渣
展开
-
JS & jQ实践——固定边栏滚动
前言当左边栏内容高度大于右边栏的时候,左边栏继续滚动,右边栏保持底部不变。 使用到的属性有position:fixed、页面高度、滚动高度、内容高度。 判断,当 滚动高度 + 页面高度 > 右边拦高度,右边栏fixed,bottom: 0 , right : 0。 jQuery代码实现var jWindow = $(window);jWindow.scro原创 2017-09-25 11:17:57 · 571 阅读 · 0 评论 -
jQuery总结——选择器
前言使用jQuery可以方便地处理HTML、事件、动画等。可以兼容多浏览器。 使用最简单快捷的方式,还是使用CDN。通过<script>标签引入<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.js"></script> 基本概念$$符号,意味着jQuery变量。window.jQuery === window.$$.x原创 2017-09-21 10:30:29 · 294 阅读 · 0 评论 -
jQuery——对象操作方法
DOM对象 && jQuery对象检测 DOM对象 if(obj.nodeType)jQuery对象 if(obj.jquery)如果是,则返回数字。否则,返回undefined。 jQuery对象操作 创建元素语法$('<开始标签>内容</闭合标签>')...原创 2017-09-21 16:21:21 · 771 阅读 · 0 评论 -
jQuery——元素特性、属性、数据操作
特性(attributes)和属性(properties)特性(attributes)的值,字符串。 属性(properties)的值,字符串、布尔类型、数字、对象。区别Tips特性(attributes)html里面常用到的id、class、title、align等等。所以只要是在html文档里面出现的属性,都可以使用特性(attributes...原创 2017-09-21 21:01:27 · 501 阅读 · 0 评论 -
jQuery——对象样式操作
class相关适用于: 批量、样式多的情况。 方法 addClass(类名) 添加 removeClass(类名) 移除 hasClass(类名) 检测有无toggleClass(类名,条件) 有该类则删,无则增补充:参数也可以是函数,返回值作为实际参数。 style相关适用于: 样式少的情况。 方法设置原创 2017-09-21 22:44:57 · 553 阅读 · 0 评论 -
jQuery——DOM元素 和 表单值操作
移动或插入元素插入元素内部.append() 最后面.prepend() 最前面元素外部.before() 前面.after() 后面移动当我们使用以上方法,参数是一个jQuery对象时,元素会做相应移动。补充以上方法的参数,可以是jQuery对象,可以是html片段,还可以是数组,字符串等等。另一种逻辑上面的方法,都是往什么里面添加元素;其实还有另一种逻辑,就是把元素添加原创 2017-09-22 00:11:59 · 475 阅读 · 0 评论 -
jQuery——动画
隐藏与显示语法: hide(ms) 隐藏 show(ms) 显示 toggle(ms) 隐藏/显示注意,当元素隐藏后不需要了,记得移除! 淡入淡出语法:fadaIn(ms) 淡入fadeOut(ms) 淡出fadeToggle(ms) 淡入/淡出fadeTo(ms,透明度) 变淡 滑动语法:slideDown(ms)原创 2017-09-22 01:45:24 · 330 阅读 · 0 评论 -
jQuery——事件
jQuery事件模型优点:1. 提供了统一的事件处理方法2. 允许添加多个事件处理函数3. 使用标准的事件名称(不带on)4. 事件实例作为事件处理函数的第一个参数5. 标准化事件实例最常用的属性6. 提供了统一的事件取消和阻止默认行为的方法 添加事件处理on(eventType[,selector][,data],handler)...原创 2017-09-22 10:33:54 · 358 阅读 · 0 评论 -
jQuery——ajax
jQuery.ajax([setting])参数说明: type: POST / GET(默认) url: 请求地址 data: 对象 (POST才有)dataType: 一般设为json success: 请求成功的回调函数 error: 请求失败的回调函数例子:$.ajax({ ...原创 2017-09-22 14:53:20 · 242 阅读 · 0 评论