jquery笔记

1.$(function(){...});

完整写法：$(docunemt).ready(function(){...});

意思是在DOM加载完毕后执行ready()方法。

文档对象模型（Document Object Model，简称DOM）

 

2.(function($){...})(jQuery)；  等同于下面的写法

var fun = function(params){....};  fun(jQuery);

意思是立即执行匿名函数fun，这里参数是jQuery。

3. (function($){....})(jQuery);在定义后就立刻执行，在执行顺序上可能要先于$(function(){})；

4.文档就绪事件

您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：

$(document).ready(function(){ // 开始写 jQuery 代码... });

==$(function(){ //开始写 jQuery代码... });

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

 

5.jQuery 的功能概括

1、html 的元素选取

2、html的元素操作

3、html dom遍历和修改

4、js特效和动画效果

5、css操作

6、html事件操作

7、ajax异步请求方式

 

6.jQuery 语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法： $(selector).action()

·       美元符号定义 jQuery

·      选择符（selector）"查询"和"查找" HTML 元素

·      JQuery 的 action() 执行对元素的操作

· 

实例:

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有 <p> 元素

$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

$("#test").hide() - 隐藏所有 id="test" 的元素

 

 

 

 

mouseleave()：当鼠标指针离开元素时，会发生 mouseleave 事件。

mousedown()：当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。

mouseup()：当在元素上松开鼠标按钮时，会发生 mouseup 事件。

hover()：hover()方法用于模拟光标悬停事件。

focus()：当元素获得焦点时，发生 focus 事件。

blur():当元素失去焦点时，发生 blur 事件。

 

7.淡入淡出效果

jQuery 拥有下面四种 fade 方法：fadeIn(),fadeOut() ,fadeToggle(),fadeTo()

 

8.jQuery的优点和缺点： 

使用jQuery最大的好处是少量的代码做更多的事情。看个简单例子，获取元素的值，使用

Javascript代码 

1.document.getElementById(‘elementid').value  

Jquery代码

1.$(‘#elementid').val();  

与JavaScript相比，jQuery的语法更加简单。通过jQuery，可以很容易地浏览文档、选择元素、处理事件以及添加效果等，同时还允许开发者定制插件。 

 

优点： 

·jQuery消除了JavaScript跨平台兼容问题。

·相比其他JavaScript和JavaScript库，jQuery更容易使用。

·jQuery有一个庞大的库/函数。

·jQuery有良好的文档和帮助手册。

·jQuery支持AJAX。

缺点： 

由于不是原生JavaScript语言，理解起来可能会受到限制。

项目中需要包含jQuery库文件。如果包含多个版本的jQuery库，可能会发生冲突。