jQuery知识点总结（一）

jQuery知识点总结（一）

jQuery的加载模式

一、

• 原生js和jQuery入口函数加载模式不同
• 原生js会等到DOM以及图片加载完毕才会执行
• jQuery会等到DOM加载完毕后执行，并不会等到图片加载完毕后执行

二丶

• 原生js中后一个接口函数会覆盖前一个接口函数
• jQuery中后一个接口函数不会覆盖前一个接口函数，并且执行顺序是从前一个到后一个

$(document).ready(function(){alert(\'111\');})$(document).ready(function(){alert(\'222\');})

这里的执行结果是先弹出\”111\”，再弹出“222”。

jQuery入口函数的不同写法

jQuery入口函数总共有四种写法，秉持着写的越少做的越多的原则推荐第三种写法。

//第一种$(document).ready(function(){alert(\'我是第一种写法\');});//第二种jQuery(document).ready(function(){alert(\'我是第二种写法\');});//第三种（推荐）$(function(){alert(\'我是第三种写法\');});//第四种jQuery(function(){alert(\'我是第四种写法\');});

jQuery冲突问题

当引入别的框架后，如果别的框架使用了jQuery中的访问符则会产生冲突问题。要解决这个问题也很简单，有如下两个解决办法。（假设别的框架中也使用了$）

一、
释放 $ 的使用权。换言之就是放弃使用 $ 转而使用jQuery

jQuery.noConflict();       //释放$的使用权jQuery(function(){alert(\'11\');})

二、自定义一个访问符

var xy=jQuery.noConflict();xy(function(){alert(\'22\');})

jQuery的核心函数

$( )是jQuery的核心函数,它总共有四种用法

一、接收一个函数

$(function(){alert(\'1.接收一个函数\');};)

二、接收一个字符串选择器

• 这种用法将$( )中接收到的字符串选择器返回成一个jQuery对象，对象中保存了用字符串选择器（.div1 #div2）找到的DOM元素。

$(function(){var $div1=$(\".div1\");var $div2=$(\"#div2\");console.log($div1);console.log($div2);})

三、接收一个字符串代码段

• $()中接收到的代码片段返回成一个jQuery对象，对象中保存了创建的DOM元素

$(function(){var $p=$(\"<p>我是段落</p>\");console.log($p);$div1.append($p);})

四、接收一个dom元素

• 将接收到的原生js的dom元素包装成一个jQuery对象返回给我们

$(function(){var oSpan=document.getElementsByTagName(\'span\')[0];var $span=$(oSpan);console.log($span);})

这四种用法都返回了一个jQuery对象