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对象