Jquery入门

一.

1.jquery下载地址

   2.导入jquery

<script type="text/javascript" src="jquery的文件路径"></script>

  3.Hello World程序

<script type="text/javascript">//当所有的html元素加载完成后执行该回调函数$(function(){//弹框alert("Hello World !");})</script>

二.

1.通过CDN来引用jquery

2.什么是CND:

内容分发网络,防止js文件占用本地服务器的流量,一般都会将js文件放置在
其他服务器上,这样的服务器就叫做CDN服务器,如果我们要用的时候我们只需
要引用地址即可

3.jquery的选择器:

选择器是用来,查询或者查找HTML元素.Jquery的选择器的返回值就是一个数组.
1.标签选择器$("标签名")
2.类选择器$(".class属性值")
3.id选择器$("#id属性值")
注意:通过Jquery选择器获取到的数组并不是一个js的数组,而是Jquery扩展后
的数组,该数组中集成Jquery的所有方法.

4.Dom元素加载完成后调用回调js函数:

1.window.onload=function(){

}
2.通过事件的方式 onload
3.Jquery(推荐使用):
$(function(){

})
4.$(document).ready(function(){

})

5.Jquery对象和Dom对象的区别:

Dom对象 document.getElementXXX方法获取,dom对象只能访问dom总预定义
的方法.
Jquery对象 就是通过$()对象处理返回对象,该对象是数组,只能调用jQuery
提供的方法.

6.Jquery对象和Dom对象之间的转换(非常重要):

Jquery转Dom:
1.$("#div")[0],这样通过[]转换为Dom对象
2.$("#div").get(0),这样也可以转换为Dom对象
Dom转Jquery:
1.通过document.getElementXXX方法获取到的Dom对象,
 通过将获取到的Dom对象的变量放入到$()中即可.
 
注意:Jquery对象和Dom对象之间的方法不能互调,但可以通过转换的方式

你好如果觉得写得你还满意,请用你的小手点一点 “顶一个”,在此谢过了.