随笔分类 -  jquery知识

jQuery的.bind()、.live()和.delegate()之间区别
摘要：基本要素 DOM树 首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子： 事件冒泡(又称事件传播) 当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 $('a').bind('click', f 阅读全文
posted @ 2017-06-13 15:54 susanws 阅读(204) 评论(0) 推荐(0)
jquery判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部
摘要：项目背景 webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。 遇到问题 1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势，后面的文章会介绍 阅读全文
posted @ 2016-07-29 12:00 susanws 阅读(1042) 评论(0) 推荐(0)
zepto和jquery的区别，zepto的不同使用8条小结
摘要：1. Zepto 对象 不能自定义事件 例如执行： $({}).bind('cust', function(){}); 结果： TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象： 例如： $(''). 阅读全文
posted @ 2016-06-16 17:51 susanws 阅读(309) 评论(0) 推荐(0)
jquery eval解析JSON中的注意点介绍
摘要：在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：使用eval()函数、使用Function对象来进行返回解析，下面有个示例，感兴趣的朋友可以参考下 在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval()函数。 2. 使用Function对象来 阅读全文
posted @ 2016-05-10 13:51 susanws 阅读(239) 评论(0) 推荐(0)
AJAX（XMLHttpRequest）进行跨域请求方法详解（三）
摘要：注意：以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。 3，带验证信息的请求 身份验证是Web开发中经常遇到的问题，在跨域请求中，默认情况下是不发送验证信息的。要想发送验证信息，需要进行withCredentials 属 阅读全文
posted @ 2016-05-09 18:05 susanws 阅读(1417) 评论(0) 推荐(0)
AJAX（XMLHttpRequest）进行跨域请求方法详解（二）
摘要：注意：以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。 2，预检请求 预检请求首先需要向另外一个域名的资源发送一个 HTTP OPTIONS 请求头，其目的就是为了判断实际发送的请求是否是安全的。下面的2种情况需要进行预 阅读全文
posted @ 2016-05-09 18:04 susanws 阅读(1736) 评论(0) 推荐(0)
AJAX（XMLHttpRequest）进行跨域请求方法详解（一）
摘要：注意：以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。跨域请求，顾名思义，就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见，比如说通过 style 标签加载外部样式表文件、通过 img 标签加载外部 阅读全文
posted @ 2016-05-09 18:03 susanws 阅读(3407) 评论(0) 推荐(0)
jq中的ajax
摘要：jq对ajax进行了封装，在jq中$.ajax()方法是最底层的方法，第二层是load() , get() , post()方法，第三层是$.getScript()和$.getJSON().基本第二种方法用到多 1.load()方法 load()方法是ajax中最为简单跟常用的ajax方法，能载入远 阅读全文
posted @ 2016-04-26 14:39 susanws 阅读(648) 评论(0) 推荐(0)
浅谈ajax的优点与缺点
摘要：AJAX (Asynchronous Javascript and XML) 是一种交互式动态web应用开发技术，该技术能提供富用户体验。 完全的AJAX应用给人以桌面应用的感觉。正如其他任何技术，AJAX有它自己的优缺点。下面我列出了一些重要的场景，你在基于web的应用的开发中使用 时一定要注意。 阅读全文
posted @ 2016-04-26 13:05 susanws 阅读(4788) 评论(0) 推荐(0)
jq模拟操作
摘要：1.常用模拟 trigger() $('#btn').trigger('click'); 当页面加载完，点击事件就会完成 上面也可以简写成：$('#btn').click(); 2.触发自定义事件 trigger()方法不仅能触发浏览器支持的具有相同名称的事件，也可以触发自定义名称的事件 例：为元素 阅读全文
posted @ 2016-04-25 15:58 susanws 阅读(374) 评论(0) 推荐(0)
jq中的移除事件
摘要：unbind([type],[data]); 第一个参数是事件类型，第二个参数是将要移出的函数 说明： 1，如果没有参数，则删除所有绑定的事件 2，如果只提供了事件类型作为参数，则只删除该类型的绑定事件 3，如果把绑定时传递的处理函数作为第2个参数，则只有这个特定的事件处理函数会被删除。 移除元素中 阅读全文
posted @ 2016-04-25 15:12 susanws 阅读(1099) 评论(0) 推荐(0)
jq的事件冒泡
摘要：在页面上可以有多个事件，也可以多个元素响应同一件事， 事件冒泡引发的问题： 有些时候不想动用的事件，却因为事件冒泡而触发 解决问题： 1.事件对象 由于IE-DOM和标准的DOM实现事件对象的方法各不相同，导致在不同浏览器上获取事件对象变得比较困难，。针对这个问题，jq进行了必要的扩展和封装，从而使 阅读全文
posted @ 2016-04-25 14:08 susanws 阅读(3715) 评论(0) 推荐(0)
jq的合成事件
摘要：jq中有两个合成事件 hover()和toggle() 1.hover() hover方法用于模拟光标悬停事件。当光标移动到元素上时，会触发指定的第一个函数（enter）,当光标移出这个元素时，会触发指定的第二个函数（leave）; 是mouseenter和mouseleave的合成 2.toggl 阅读全文
posted @ 2016-04-25 13:06 susanws 阅读(326) 评论(0) 推荐(0)
jq判断元素是否显示
摘要：为了判断元素是否显示，jquery中用is()来实现， $(function(){ $(obj).bind('click',function(){ if(obj.is(:visible)){ //编写的代码 }else{ //编写的代码 } }) }) 阅读全文
posted @ 2016-04-25 12:04 susanws 阅读(1842) 评论(0) 推荐(0)
jquery中的页面加载方法load()
摘要：load方法会在元素的onload事件中绑定一个处理函数，如果处理函数绑定给window对象，则会在所有内容（包括窗口，框架，对象和图片等）加载完毕后触发， 如果处理函数绑定在元素上，则会在元素的内容加载完毕后触发， window.load(function(){ //编写代码 }) 等价于 win 阅读全文
posted @ 2016-04-25 11:54 susanws 阅读(552) 评论(0) 推荐(0)
三元运算符详解
摘要：此运算符是一种非常常用的元素符号，如果使用得当可以省却不少代码。三元运算符也可以称作为条件运算符，可以说是if...else语句的一种简化形式，下面就结合实例简单介绍一下如何实现次运算符，先看一下运算符的语法结构： 三元运算符之所以称作三元，就是因为具有三个操作数。当表达式一的返回值为true的时候 阅读全文
posted @ 2016-04-25 11:36 susanws 阅读(3422) 评论(0) 推荐(0)
jq中的css-Dom
摘要：1,height() ,width() 此方法用来获取匹配元素的高和宽的值，如果括号内有值，则是修改匹配元素的值， 2.offset() 此方法的作用是获取元素在当前视窗的相对偏移，其中返回的对象包含两个属性，即left和top,它只对可见元素有效， 3.position() 它的作用是获取元素相对 阅读全文
posted @ 2016-04-25 11:00 susanws 阅读(235) 评论(0) 推荐(0)