随笔分类 -  jquery

摘要:一、主体代码结构 二、源码分析 1、简化结构分析 1 (function(factory){ 2 3 //check global env 4 factory(jQuery); 5 6 })(function($){ 7 8 // uri编码 9 function encode(){} 10 11 阅读全文
posted @ 2020-12-14 16:44 pengsn 阅读(194) 评论(0) 推荐(0) 编辑
摘要:一、代码主体结构 二、源码分析 1. 结构代码 ;(function(factory){ // 立即执行函数 ... })(function(){ .... })); 2. 立即执行函数内容代码分析 1 var registeredInModuleLoader; // 变量定义是否是模块形式加载 2 阅读全文
posted @ 2020-12-14 10:08 pengsn 阅读(160) 评论(0) 推荐(0) 编辑
摘要:一、代码主体结构 二、源码分析 2.1 外层结构 分析步骤 a. 简化结构如下 1 (function(param){ 2 3 console.info(param); 4 5 }( "123" )); 6 7 执行结果: 8 9 123 10 11 立即执行函数 b. 根据步骤a即可理解外层结构的 阅读全文
posted @ 2020-12-08 14:48 pengsn 阅读(260) 评论(0) 推荐(0) 编辑
摘要:父元素 parent(): 直接父元素 parents(): 所有父元素 parentsUntil(): 父元素直到某个元素 子元素 find(): 查找子元素 children(): 直接子元素 兄弟姐妹元素 sibling(): 兄弟元素 不包括自己 next(): 下一个元素 nextAll( 阅读全文
posted @ 2020-11-30 22:02 pengsn 阅读(106) 评论(0) 推荐(0) 编辑
摘要:元素 attr(''): 获取属性值 val() : 获取表单元素的值 html(): 获取选中元素的html text(): 获取选中元素的文本 回调: html(function(i, orginText){ return xxx; }) 添加元素 append('xxx'): 在被选元素的结尾 阅读全文
posted @ 2020-11-30 21:03 pengsn 阅读(120) 评论(0) 推荐(0) 编辑
摘要:显示/隐藏 css实现隐藏的方式有 display:none; visibility:hidden; width:0px;height:0px; jquery实现显示隐藏 $('#i').hide(speed, callback); $('#i').toggle(speed, callback); 阅读全文
posted @ 2020-11-30 20:15 pengsn 阅读(113) 评论(0) 推荐(0) 编辑
摘要:安装加载 本地源文件直接引入 cdn引入 下载jquery库 [jquery.com](http://www.jquery.com) 压缩版本或源码(开发)版本 $.fn.jquery 查看当前jquery的版本 语法 $(selector).action() 通过选取元素,并对元素进行操作 示例: 阅读全文
posted @ 2020-11-30 08:47 pengsn 阅读(108) 评论(0) 推荐(0) 编辑