jquery学习笔记一

1.jquery.js 的下载

有两个版本可以下载：

• Production version - 用于实际的网站中，已被精简和压缩。----jquery.min.js
• Development version - 用于测试和开发（未压缩，是可读的代码）----jquery.js

2.jquery的语法

jquery的入口函数（不写可能出错） ：

  这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

 JavaScript 入口函数:

window.onload = function () {
    // 执行代码
}

jQuery 入口函数与 JavaScript 入口函数的区别：

•  jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。
•  JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行

3.jquery 效果

• hide 隐藏  show 显示 toggle  显示/隐藏
• fadeIn(“slow”/“fast”/毫秒)  淡入隐藏的元素 fadeOut() 淡出 fadeToggle()淡入/淡出 fadeTo(时间/0~1) 渐变透明度
• slideDwon下滑 slideUp上滑 slideToggle 下滑/上滑
• animate动画  stop停止动画
• Callback函数

      Callback 函数在当前动画 100% 完成之后执行。

$(selecter).hide("slow",function(){
    //执行内容 
})

• 链接

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

 

4.jquery  Html

• Jquery捕获 获取内容 text() html() val()   获取属性 attr（）
•