摘要:
jQuery插件 使用插件的步骤 1. 引入jQuery文件 2. 引入插件(如果有用到css的话,需要引入css) 3. 使用插件 <!--1. 引入jquery的js文件--> <script src="jquery-1.12.4.js"></script> <!--2. 引入插件的js文件-- 阅读全文
摘要:
$冲突的解决方案 遇到其他js文件也用$包装了函数。可以把jQuery放在后面,并释放下$的控制权,也可以换个字符替代原来的$,例如$$ 或者,jQuery //jQuery释放$的控制权 $$ = $.noConflict(); <!DOCTYPE html> <html lang="zh-CN" 阅读全文
摘要:
each方法 each方法 //each方法 $("li").each(function (index, element) { $(element).css("opacity", (index + 1) / 10); }) for循环方法 for (var i = 0; i < $("li").le 阅读全文
摘要:
五角星评分案例 1. 鼠标经过li的时候,当前的位置是实心五角星,前面的是实心。当前位置后面的是空心。注意此处不能完全用链式编程写到底 2. 鼠标离开,comment的所有孩子变为空心五角星。额外,找到current, 让current和它的前面都是实心。 3. 点击li的时候,当前的位置增加个cu 阅读全文
摘要:
链式编程 设置性操作:可以链式编程 获取性操作,不能链式,因为获取性操作,数值,字符串,返回值是不是一个jq对象。 $(function () { //设置性操作:可以链式编程 //获取性操作,不能链式,因为获取性操作,数值,字符串,返回值是不是一个jq对象。 $("div").width(200) 阅读全文
摘要:
钢琴案例 (按下1-9数字键,能触发对应的mouseenter事件) 1. 结合之前的学习,主要内容,就是on注册keyup事件,函数里传入e, 用e.keyCode,来获取1-9的数字的范围。 如果所按的按键在49-57的范围里,就去触发mouseenter(or mouseleave)事件。 怎 阅读全文
摘要:
事件对象 jQuery事件对象其实就是js事件对象的一个封装,处理了兼容问题 e.data 存储绑定事件时传递的附件数据 传入e, 再console.log(e)可以查看 //100,注册的时候的时候,把100传到事件里面去。 var money = 100; //on(types, selecto 阅读全文
摘要:
事件解绑与事件触发 $("p").off("click"); $("#btn").on("click", function () { //触发p元素的点击事件 //$("p").click(); $("p").trigger("click"); }); 阅读全文
摘要:
表格删除案例 on的简单事件 //1. 找到清空按钮,注册点击事件,清空tbody $("#btn").on("click", function () { $("#j_tb").empty(); }); on的委托事件 //2. 找到delete,注册点击事件 $("#j_tb").on("clic 阅读全文
摘要:
事件的执行顺序 // 1 这个是p自己注册的事件(简单事件) $("p").on("click", function () { alert("呵呵哒"); }); // 2 给div自己执行的 $("div").on("click", function () { alert("呜呜呜"); }); 阅读全文