随笔分类 -  jQuery

jQuery封装函数
摘要：1,插件命名:jQuery.插件名.js 为拉避免和其他库的冲突2,自定义插件尽量避免使用$ 如果非要使用$就一定要将jQuery传递进去,写在最后加一个小括号写jquery ;结束 封装函数是自执行函数 3,插件的结尾一定要以 ; 结束 避免和前面代码产生瓜葛4,封装分为全局的方法和局部的方法.n 阅读全文
posted @ 2016-11-16 09:16 星星** 阅读(6775) 评论(0) 推荐(0)
jquery中DOM
摘要：节点包裹 wrap() (1)$().wrap(html) 将选择的节点用指定的元素包装 $('p').wrap('<div></div>'); (2)多层包裹 $('p').wrap('<div><strong></strong></div>'); (3)带内容 $('p').wrap('<div 阅读全文
posted @ 2016-11-14 21:28 星星** 阅读(212) 评论(0) 推荐(0)
事件委托
摘要：事件委托(1)给多个元素绑定同一个方法时 (2)给即将要出现还未出现的动态的dom元素绑定事件 childSelector:指的及时即将要出现还未出现的子元素data:传递数据 类型必须是json数据 此参数可以省略 this指的是该处理函数队形的事件所绑定的dom对象 this.innerHTML 阅读全文
posted @ 2016-11-14 20:59 星星** 阅读(159) 评论(0) 推荐(0)
模拟操作
摘要：在网站中经常会有,用户没有点击触发就自动生成的效果 4,模拟操作传递参数 //$().trigger(evnet, data); // 参数可以是任意类型:数组 字符串.... 多个参数的传递需要用[]括起来 5模拟自定义事件 .triggerHandler()和.trigger()的使用方法一样都 阅读全文
posted @ 2016-11-14 20:38 星星** 阅读(230) 评论(0) 推荐(0)
jQUery动画
摘要：(1)几乎所有的CSS属性都可以做成动画效果 (2)如果是复合属性:一定要使用驼峰原则,比如font-size 写成fontSize (3)修改的动画效果使用json对象传递, 速度, 回调函数 (4)部分属性可以使用hide show toggle实现效果 animate有生气 活跃起来动画 // 阅读全文
posted @ 2016-11-14 14:12 星星** 阅读(215) 评论(0) 推荐(0)
jQUery事件
摘要：加载完之后给div绑定事件 绑定一个匿名的处理函数jQuery中的方法有一个内部遍历的机制 (1)$().事件类型(处理函数) // (2)绑定指定处理函数 通过代码触发事件的所有的绑定方法 function f1() { $('div').mouseover(); } bind (1)$().bi 阅读全文
posted @ 2016-11-14 08:53 星星** 阅读(214) 评论(0) 推荐(0)
jQuery的单选,复选,下拉
摘要：单选 获取 ($('input:first').attr('vlaue')); 选中 ($('input:checked').val()); 属性值的设置$().val(属性值)$('input:first').val('man'); 选中对应属性值的单选框 点击直接选中val值为c的单选框$('. 阅读全文
posted @ 2016-11-13 20:34 星星** 阅读(209) 评论(0) 推荐(0)
jQuery中对属性的增删改查
摘要：获取元素的属性 $('input').attr('type') .attr() 可以获取和设置自定义属性 .prop() 只能获取和设置固有属性 在设置属性值时 建议不要修改type属性,有的浏览器不支持 只能访问固有属性 自己创造的属性不能访问 $('input').prop('type'); 设 阅读全文
posted @ 2016-11-13 19:40 星星** 阅读(7494) 评论(0) 推荐(0)
jQuery中其他
摘要：hide: 隐藏 $('img').hide(); show:显示 $('img').show(); 单选多选下拉菜单 选中状态checked ($('.radio:checked')); 单选 ($('.checkbox:checked'));多选 ($('.option:checked'));下 阅读全文
posted @ 2016-11-13 18:14 星星** 阅读(213) 评论(0) 推荐(0)
map each 工具函数
摘要：工具函数 即全局性的函数作用主要是提供比如字符串,数组,对象等方面的遍历 字符串工具 $.trim(str) 去除字符串两边的空格 遍历机制 map函数(function (obj,index){遍历的具体操作}遍历数组,返回一个新数组 如果只是单纯的遍历用map回造成内存浪费 each 还是会返回 阅读全文
posted @ 2016-11-13 18:02 星星** 阅读(283) 评论(0) 推荐(0)
jQuery内置函数 ready
摘要：jQuery给我们提供了一些非常实用的函数 ready:加载函数 传统事件只能绑定一个函数 后面的函数会把前面的函数覆盖 js中用的是 window.onload = function(){}; jQuery中 $(document).ready(function () {}或者$().ready( 阅读全文
posted @ 2016-11-13 17:38 星星** 阅读(568) 评论(0) 推荐(0)
jQuery数组的遍历 function的加载
摘要：加载函数时会被覆盖在jQuery中给提供的方案有三种形式 js中只能绑定一个方法 如果多次绑定后者会覆盖前者 最常用的一种 在jQuery中数组的遍历 使用map遍历数组 会返回一个新的数组 如果只是单纯的遍历数组不需要用map会造成内存浪费 用echo遍历数组 阅读全文
posted @ 2016-11-10 20:52 星星** 阅读(767) 评论(0) 推荐(0)
jQuery选择器
摘要：标签选择器 $('p').css('color','red'); 类选择器 $('.one').css('color','blue'); id选择器 $('#for').css('color','orange'); 属性选择器 带有size属性的 $('[size]').css('border',' 阅读全文
posted @ 2016-11-10 19:57 星星** 阅读(158) 评论(0) 推荐(0)