小米技术社区
小米技术社区管理员 关于小米

27岁,山西运城人,职业电商经理人,前端设计师,从事过网站建设,响应式网站开发,网络维护,SEO,SEM,网络推广等前端相关工作,经验较为丰富,小米技术社区致力于为广大从事Web前端开发的人员提供一些力所能及的引导和帮助 ...[更多]

E-mail:[email protected]

Q Q:32362389

小米技术社区大牛王飞 关于王飞

27岁,山西运城人,职业电商经理人,网络工程师兼运维,从事过运营商网络建设,企业网络建设、优化。数据中心网络维护等通过,经验丰富,座右铭:当自己休息的时候,别忘了别人还在奔跑。 ...[更多]

E-mail:[email protected]

Q Q:3940019

微博:王小贱ss

小米技术社区设计小艳 关于小艳

大于花一样的年龄,河南郑州是我家,2010年在北京接触团购网,2011年进入天猫淘宝一待就是四年,如今已经将设计走向国际化(ps:误打误撞开始进入阿里巴巴国际站的设计,嘿嘿)五年电商设计,丰富经验,从事过天猫淘宝阿里各项设计,店铺运营,产品拍摄;我将我的经历与您分享是我的快乐!座右铭:越努力越幸运! ...[更多]

E-mail:[email protected]

Q Q:97157726

标签云

最新发布

jQuery重点记录

分类: jQuery评论(1)45个赞

1、版本问题:


如果项目需要兼容IE低版本,需要使用jQuery1.x版本,从2.x开始已经不兼容IE6、7、8了,体积非常小,但适合移动开发。


2、控制台提示$ is not defined原因有3种:

(1)没引用jq

(2)jq路径错误

(3)jq顺序不对

blob.png

3、jq入口函数

原生js的入口函数是
windows.onload = function(){编写代码};

jq的入口函数是
$(document).ready(function(){编写代码});

jq的入口函数简写:

$(function(){});

4、jq和原生js事件处理程序的区别

(1)事件源

Js方式:document.getElementById(“id”)
jQuery方式:$(“#id”)

(2)事件

Js方式 :document.getElementById(“id”).onclick
jQuery方式: $(“#id”).click

区别:jQuery的事件不带on

(3)事件处理程序

Js 书写方式:
document.getElementById(“id”).onclick = function(){
	// 语句
}
jQuery 书写方式: 
$(“#id”).click(function(){
	// 语句
});

5、mouseover和mouseenter的区别


mouseover/mouseout事件,鼠标经过的时候会触发多次,每遇到一个子元素就会触发一次。

mouseenter/mouseleave事件,鼠标经过的时候只会触发一次(性能好,推荐)


6、

本站内容均为小米原创,转载请注明出处:小米技术社区>> jQuery重点记录