随笔分类 - jQuery
基础。温故而知新
摘要：1.ajax简介 基本 第一层：$.ajax(...)最底层ajax请求，编写最复杂，完成功能最全第二层: load()、$.get()、$.post()开发中常用三个第三层: $.getJSON()、$.getScript()高级开发 $.getJSON()可以完成js跨域请求，js默认不能跨域请
阅读全文
摘要：1.效果API简介 基本（通过改变元素的高度和宽度来进行显示和隐藏） show(speed,fn)显示 参数一：speed速度 参数二：回调函数。动画效果完成之后回调函数 hide()隐藏 toggle()切换滑动（通过改变元素的高度来进行显示或隐藏） slideDown()显示 slideUp()
阅读全文
摘要：一、事件的绑定 1.事件的绑定介绍 事件绑定： bind(type,fn) 给当前对象绑定一个事件。例如：A.bind("click",fn);类似A.click(fn) unbind(type) 解绑bind事件 one(type,fn) 给当前对象绑定一次事件 on(type,fn) 提供绑定处
阅读全文
摘要：基本事件介绍 blur() 失去焦点 change() 改变(select) click() 单机 dbclick() 双击 error() 页面异常 focus() 获得焦点 focusin() jquery提供的额外事件。获得焦点。js focus。区别：focusin可以在父元素上检测到子元素
阅读全文
摘要：案例需求 点击分组，只能保证有一个为打开状态，点击自己有开和关的功能。 代码实例
阅读全文
摘要：串联函数简介 A.add(B) 将A和B组合成一个对象 A.children().andSelf() 将之前的对象添加到操作集合中 A.children().children().end() 回到最近的一个"破坏性"操作之前。得到孩子 contents() 获得所有子节点(子元素和文本) 代码实例
阅读全文
摘要：查找函数介绍 <A> <B> <C></C> <D></D> <E></E> <F></F> </B></A> B.children([...]) 获得所有的子元素。CDEF A.find(D) 从指定区域查询指定的元素。D D.next() 获得D下一个兄弟。E D.nextAll() 获取D后面
阅读全文
摘要：之前选择器可以完成的功能，筛选也提供了相同的函数 筛选函数介绍 eq(index|-index) 类似:eq()index:正数，从头开始获得指定所有的元素，从0算起，0表示第一个-index:负数，从尾开始获得指定索引的元素，1算起，-1表示最后一个 is() 判断 hasClass() 判断cl
阅读全文
摘要：需求 如上图，实现左右两边的选择菜单可以左右移动，‘>’按钮一次只能移动被选中的一个菜单，‘>>’按钮一次移动所有被选择的菜单，‘>>>’按钮 将所有菜单进行移动，不管是否被选择。 代码实现 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
阅读全文
摘要：文档处理介绍 1.内部插入 A.append(B) 将B插入到A的内部的后面(追加)（之后的串联操作，操作的是A） A.prepend(B) 将B插入到A的内部的前面 A.appendTo(B) 将A插入到B的内部的后面（之后的串联操作，操作的是A） A.prependTo(B) 将A插入到B的内部
阅读全文
摘要：1.属性和CSS介绍 属性(重点掌握) attr(name) 获取指定属性名的值 attr(key,val) 给一个指定属性名设置值 attr(prop) 给多个属性名设置值。参数：prop json数据 removeAttr(name) 移除指定的属性 addClass("aa") 追加一个Cla
阅读全文
摘要：1.案例需求 jquery最基础的选择器部分已经基本结束，来一个简单案例总结回顾下学的东西。 案例需求： 用一个按钮控制元素的显示与隐藏，页面如下，从第五个开始，不要最后一个，控制他们的显示和隐藏。 2.代码实现 2.方法2 很明显，法二比法一简洁了不是一点点，主要是因为法二对jquery的方法和过
阅读全文
摘要：1.表单过滤器的介绍 :input 所有表单元素(<input>/<select>/<textarea>/<button>) :text 文本框<input type='text'> :password 密码框<input type='password'> :radio 单选框<input type
阅读全文
摘要：1.子元素过滤器介绍 :nth-child 获得指定索引的孩子，从1开始 :first-child 获得第一个孩子 :last-child 获得最后一个孩子 :only-child 获得独生子 2.代码实例
阅读全文
摘要：1.属性选择器介绍 [属性名] 获得指定属性名的元素 [属性名=值] 获得属性名等于指定值的元素 [属性名!=值] 获得属性名不等于指定值的元素 [as1][as2][as3]... 复合选择器，多个条件同时成立 [属性名^=值] 获得以属性值开头的元素 [属性名$=值] 获得以属性值结尾的元素 [
阅读全文
摘要：一.内容过滤 1.内容过滤选择器介绍 :empty 当前元素是否为空（是否有标签体） :contains(text) 标签体是否含有指定的文本 :has(...) 当前元素是否含有指定的子元素 :parent 当前元素是否是父元素 2.代码实例 二、可见性过滤 1.可见性过滤器介绍 :hidden
阅读全文
摘要：1.基本过滤选择器介绍 基本过滤器： :first 获取数组中第一个元素 :last 获取数组中最后一个 :eq(selector) 获取指定索引 :gt(index) 大于指定索引 :lt(index) 小于指定索引 :even 偶数，从0开始计数（0、2、4即1/3/5行） :odd 奇数 :n
阅读全文
摘要：1.层级选择器介绍 层级选择器 A B 获取A元素内部的所有B元素 A>B 获取A元素内部的所有B子元素(父子元素) A+B 获得A元素后面的第一个B兄弟(兄弟关系) A~B 获得A元素后面的所有的兄弟B(兄弟关系) 2.代码实例 理解记忆，容易混淆
阅读全文
摘要：1.jQuery中的基本选择器介绍 #id id选择器，通过id获取元素 element 标签选择器，通过标签名称获取选择器 .class类选择器 通过class值获取元素 s1,s2,... 多选择器，将多个选择器的结果添加在一个数组中 * 所有 2.代码演示 html页面的加载是自上而下的，因此
阅读全文
浙公网安备 33010602011771号