jQuery事件

  1. //单个事件注册
  2. $("div").click(function(){});
  4. //on()方法绑定一个或多个事件的事件处理函数
  5. //element.on(events,selector,fn);
  6. $("div").on(mouseenter:function(){},mouseleave:function(){});
  7. /*
  8. event:一个或多个用空格分隔的事件类型，如click'或'keydown'
  9. selector:元素的子元素选择器
  10. fn:回调函数 即绑定在元素身上的侦听函数
  11. */
  13. //on()可以实现事件委派
  14. $("div").on("click","ul",function(){});
  15. //click 是绑定在div上的，但是触发对象是div里的ul
  17. //动态创建的元素，click()没有办法绑定事件，on()可以给动态生成的元素绑定事件
  19. //one()只触发一次
  20. $("div").one("click",function(){});
  22. //自动触发
  23. //第一种：element.click();
  24. $(function(){});
  25. //第二种:element.trigger("type");
  26. $("div").trigger("click");
  27. //第三种:element.triggerHandler("type");(不会触发元素默认行为)
  28. $("div").triggerHandler("click");
  1. $("div").off(); //全部解绑
  2. $("div").off("click"); //解绑点击事件
  3. $("div").off("click"，"sli"); //解除事件委托
  1. //阻止冒泡
  2. event.stopPropagation();
  3. //阻止默认行为
  4. event.preventDefault(); 或者 return false;

jQuery其他方法

  1. $.extend(deep,target,object1,objectN)
  2. /*
  3. deep:如果设为true为深拷贝，默认false浅拷贝,浅拷贝把原来对象里的复杂数据类型地址
  4.      拷贝给目标对象，深拷贝完全克隆(拷贝对象，非地址)，修改目标对象不影响被拷贝对象
  5. target：要拷贝的目标对象
  6. object1：待拷贝到第一对象的对象
  7. */
  1. //数组对象转字符串
  2. JSON.stringify(数组对象);
  4. //字符串转数组对象
  5. JSON.parse(字符串);
  1. splice(i,1);
  2. //i从第几个索引开始，1删除几个
  1. //第一种解决方案：把$符号统一改为jQuery
  3. //第二种解决方案,释放对$控制权，用户自己决定
  4. var Su = jQuery.noConflict();
  5. Su("div");

jQuery之家：https://www.htmleaf.com/

https://v3.bootcss.com

版权声明：本文为YL_Hello原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/YLJavaStudy/p/16067078.html