jQuery_讲义讲义.ppt

事件冒泡 a.什么是事件冒泡 子节点产生的事件会依次向上抛给对应的父节点。事件会按照DOM层次结构像水泡一样不断向上直至顶端 b.如何取消冒泡事件 解决：在事件处理函数中返回false,会对事件停止冒泡 event.cancelBubble = true; 事件对象的属性 事件对象：当触发事件时，事件对象就被创建了. c.如何获取事件对象？ 只需要给事件处理函数添加event作为参数,该事件对象只有事件处理函数才能访问到.事件处理函数执行完毕后，事件对象就被销毁了. 比如 a href… onclick=“clickA(event);” d,事件对象的作用? 作用1：找到事件源 Event.target; firefox,chrome支持 Event.srcElement; ie支持 所以在写程序时都写上：event.target|| event.srcElement 作用2：获得鼠标点击的坐标 event.clientX; event.clientY; 更多知识请查阅PHP论坛 * 更多知识请查阅PHP论坛 * 更多知识请查阅PHP论坛 * 更多知识请查阅PHP论坛 * 更多知识请查阅PHP论坛 * jQuery 事件与绑定 移除某按钮上的所有 click 事件: $(“btn”).unbind(“click”) 移除某按钮上的所有事件: $(“btn”).unbind(); one(): 该方法可以为元素绑定处理函数. 当处理函数触发一次后, 立即被删除. 即在每个对象上, 事件处理函数只会被执行一次. jQuery Ajax 定义和用法 jQuery的ajax请求由其ajax()方法来实现。 该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。 常用结构代码： $.ajax({ type:POST, url:url, contentType:, data:{ }, error:function(){ }, success:function(data){ } }); jQuery Ajax中文传递 ajax() 方法通过 HTTP 请求加载远程数据。 所以该方法遵循HTTP协议传递，如传递参数包含中文，请求段将需要进行转码操作，接收端则需要解码操作。过程相对叫繁琐，jQuery Ajax则提供了一种简便的解决办法，在ajax()方法中提供了contentType参数解决中文参数问题，请求端与接收端无需做任何转码操作，代码如下： $.ajax({ contentType:application/x-www-form-urlencoded; charset=UTF-8, } jQuery 异步与同步 在项目中，可能需要绑定ajax请求为同步请求，保证其它操作必须等待请求完成才可以执行。 在jQuery ajax方法中一样给我们提供了方便的解决方案，如同中文参数一致，也是由方法内的一个配置项实现。 代码如下： $.ajax({ async: false, });? 该配置默认值： true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。 jQuery 自定义元素属性 HTML 拥有很多标签元素，例如input 标签元素，该标签元素拥有id、name、value等属性，均为HTML规定元素属性。 当HTML规定元素属性无法满足我们的开发需求时，我们便会思考，能否自定义元素属性呢，在jQuery的角度来看，完全是可以的，但是自定义元素属性只能作为存储数据或者标识作用，无法被浏览器识别。 自定义元素属性其实很简单，例如代码所示： JQuery 选择器选择自定义属性元素 input id=“” name=“” ncs_gr=“projectTeam” 如上述HTML标签所示，nsc_gr 为自定义属性，并且已赋值。 在jQuery当中可通过attr方法取出该属性value。 例： $(“#id”).attr(“ncs_gr “); 在jQuery当中可通过该方式获得自定义属性，提供该元素额外的属性及标识，便于处理复杂的交互操作与数据传递。 jQuery 元素迭代遍历 在项目开发中，前台交互页面中，可能存在相同标识的标签元素，并且需要获取相同标识的所有信息。 jQuery也提供了一个简便而且快捷的取值方法，代码如下： $(‘[i