JQuery学习总结笔记1

  • 1、jQuery常用插件

http://blog.csdn.net/ligang2585116/article/details/41149807

  • 2、jQuery基础知识点----jQuery选择器、元素属性操作

jQuery代码风格:

1. $(document).ready(function(){})可简写为$(function(){})其在页面框架下载完毕后就执行;而window.οnlοad=function(){}必须在页面全部加在完毕(包含图片下载)后才能执行。很明显前者的执行效率高于后者。

2. 在jQuery选择器定位页面元素时,无须考虑定位元素在页面中是否存在,即使不存在,浏览器也不会报错!

http://blog.csdn.net/ligang2585116/article/details/41419849

 

jQuery事件

事件在触发后分为两个阶段,一个是捕获(Capture),另一个则是冒泡(Bubbling)但遗憾的是,大多数浏览器并不支持捕获阶段,jQuery也不支持

1.所谓的冒泡其实实质就是事件执行中的顺序。防止冒泡的发生:除了使用stopPropagation()方法阻止事件的冒泡过程外,还可以通过语句return false实现停止事件的冒泡过程。

2. 在jQuery脚本加载到页面时,会设置一个isReady的标记,用于监听页面加载的进度。遇到执行ready()方法时,通过查看isReady值是否被设置,如果未被设置,那么就说明页面并未加载完成,在此情况下,将未完成的部分用一个数组缓存起来,待ready()方法加载完成后,再将未完成的部分通过缓存一一执行。PS:ready()其在页面框架下载完毕后就执行

 

jQuery实用工具类

在jQuery中,实用工具是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的函数。可分为几大类别:浏览器的检测、数组和对象的操作、字符串操作、测试操作、URL操作。调用方式:$.函数名() 或 jQuery.函数()

 

遍历数组:$.each(obj,fn(para1,para2))

其中,参数obj表示要遍历的数组或对象,fn为每个遍历元素执行的回调函数,该函数包含两个参数:para1表示数组的序号或对象的属性;para2表示数组的元素和对象的属性值。

 

筛选数组中的元素:$.grep(array,function(elementOfArray,indexInArray),[invert])

    其中,elementOfArray为数组中的元素;indexInArray为元素在数组中的序列号;invert=false不取反。

    例:$.grep(arrNum,function(ele,index){

return ele>5 && index<8;  //元素值大于5且序号小于8

    })

 

在数组中搜索某个元素,可以使用工具函数$.inArray()

 该方法相当于javascript中的indexOf()函数搜索字符串中的某个字符

 找到指定元素,返回对应索引号,否则返回-1。

    var arr = [2,9,2];

    $.inArray(2,arr);    //0

    $.inArray(2,arr,1);  //2

     $.inArray(2,arr,3);  //-1

 

$.proxy()在处理不同作用域对象事件时相当实用,其返回一个新的函数。

$.extend(target,obj1,...[obj2]) target表示合并后的对象。存在相同参数的名称,后面对象中的参数值将覆盖前面对象中的参数值

http://blog.csdn.net/ligang2585116/article/details/41496009

jQuery动画与特效


Ajax在jQuery中应用

Ajax(Asynchronous JavaScript and XML),其核心是通过XMLHttpRequest对象,以一种异步的方式,向服务器发送数据请求,并通过该对象接收请求返回的数据,从而完成人机交互的数据操作。Ajax技术并不局限于Web动态页面,在普通的静态HTML页面中同样可以实现!

 

load(url,[data],[callback])方法实现Ajax功能

 load()方法可以很快地加载数据到页面中,但如需对获取的数据进行处理,必须在先插入页面中,然后才能进行,执行效率较低。

 例:$("#divTip").load("b.html"); //load()方法加载数据


getJSON(url,[data],[callback])函数获取数据

采用将要获取的数据集另存为一种轻量级的数据交换格式,即JSON文件格式

JQuery学习总结笔记1_第1张图片


getScript(url,[data],[callback])函数获取js文件内容

 

你可能感兴趣的:(JQuery学习总结笔记1)