XMLJavaScript高级AjaxjQuery笔记Day-9jQuery03

jQuery（3）一、事件绑定细节1、普通的事件绑定普通事件，比如有click、mouseover、change、blur、.语法：click(data,fn);案例：事件方法没有参数。案例：给事件处理函数传入参数案例：自动执行事件，并传入参数2、on事件具体用法1、可以给未来的元素绑定事件2、可以完成事件委托3、可以给一个元素绑定多个事件4、可以给一个元素绑定多个相同类型的事件5、off事件off和on是对应的，它用于取消事件的绑定。实际开发中，这个东西很有用，有些时候是需要先取消掉一个元素的所有事件，然后在绑定你要绑定的事件，可以解决一些bug。3、one事件给元素绑定的事件，只执行一次。二、dom操作补充1、添加节点1、append：给谁添加一个子元素2、appendTo：把一个子元素添加到一个元素中3、prepend：在一个元素开始的位置添加一个子元素4、after：在元素后，添加一个兄弟5、before：在元素前，添加一个兄弟2、修改节点replaceWith：用xxx来替换选择的元素稍微复杂一点的替换：3、包裹节点4、删除节点5、克隆节点三、其他知识点1、属性中的prop方法。非常适合做全选，反选，取消。DOM中设置元素属性的两种方法。input.getAttribute(value); /使用于input已经存在的属性input.value; /使用于获取input不存在的属性jQuery中的attr和getAttribute()比较像，prop和input.value这种语法比较像。筛选中的find()可以查找指定元素的子元素和后代元素。四、插件编写1、$.fn.extend();这种语法，可以一次性写多个插件，需要给extend传递一个对象，对象的每个成员都是一个插件。2、$.fn.xxx = function()这种语法，只是定义一个插件。五、自定义插件1、弹出窗口的插件1、特点是无论滚动条怎样、无论浏览器是否改变大小，窗口一直在指定的位置。2、弹出的窗口可以在指定的位置，位置可以按照9宫格显示。3、窗口效果不一样，有的窗口一直显示，直至手工关闭；有的窗口进入之后，停留一会自动淡出。这些特点实际上就是插件的 参数。2、HTML+css3、计算窗口位置的思路4、代码获取影响窗口位置的各个值最后设置要显示窗口的left和top值，并让其显示：HTML页面，调用插件，测试插件是否好用：5、封装函数封装一个获取浏览器、窗口、滚动条的值的函数封装一个计算真正left和top值的函数：6、绑定滚动条滚动事件和浏览器窗口改变大小事件测试，每个位置的窗口都能够正常显示：7、关闭窗口8、设置效果效果是用户传递进来的，有fadeOut和slide两种效果可选。显示窗口的时候，判断：9、解决一个bug已经隐藏的窗口，当改变浏览器大小后，获取滚动条滚动后，隐藏的窗口又出来了。10、滑动显示六、干货分享工作中，就是用jquery完成各项工作，比如事件绑定，dom操作（文档节点的增删改查克隆、属性的操作、css的操作），ajax。表单验证、各种效果、异步上传，向这种比较复杂的效果，自己用jquery写也能完成，但是从网上找更加的快速。1、从网上下载各种特效从网上找一个特效下载：首先点击查看演示：到演示的页面，查看源文件或右键检查，找到iframe，iframe的src属性才是真正的效果演示页面打开真正的效果演示页面，右键另存为，这样就把这个效果给下载下来了。最后，将效果应用到自己的网站即可。2、layer插件这个插件本来是专门用于各种弹出层。慢慢的，layui可以做网站中绝大部分的工作。layer和layui是两个插件，或者说layui包含layer，因为la