欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

对于jQuery的了解

程序员文章站 2022-10-27 22:26:46
1、了解jQuery与JavaScript的区别 css --外貌特征Html --躯干,骨架js --运动神经 jQuery就是对JavaScript的一个拓展,封装,就是让JavaScript更好用 2、了解jQuery的优势开源--开放源代码轻量级 强大的选择器出色的DOM操作(对DOM元素的 ......

1、了解jQuery与JavaScript的区别

css --外貌特征
Html --躯干,骨架
js --运动神经

jQuery就是对JavaScript的一个拓展,封装,就是让JavaScript更好用

2、了解jQuery的优势

开源--开放源代码
轻量级 
强大的选择器
出色的DOM操作(对DOM元素的一个增删改查)
完善的Ajax,出色的浏览器兼容性,丰富的插件支持,完善的文档(说明书)
链式操作方式, 写得少,做的多
(write less ,do more) less is more
3、熟悉使用jQuery

一:下载jquery文件,把文件放入到项目中去,在页面当中引入jquery文件(选中jquery文件直接拖拽过去到(head标签里面或者body里面))

 

4、掌握jQuery对象和DOM对象的区别
var name = document.getElementById("name"); //jsDOM对象
alert(name.value); //通过获取到的对象得到它的值
var $name = $("#name");//jquery对象
var $name1 = $(name).val(); //DOM对象转换为jQuery对象,转换之后就能使用jquery对象的方法了; 
var name1 = $name.get(0); //把jquery对象转换为DOM对象;

知识点:
1:第一个非常重要的jQuery函数:jQuery(document).ready(function(){ 需要执行的代码}) 等价于$(function(){ 需要执行的代码 })

$(function(){ 需要执行的代码 }) 等价于 js的 window.onload=function(){ }

2:另外一个文档加载完毕事件:body的onload事件
它和jquery窗体加载事件的区别:一般onload事件只有一个,如果页面有多个onload事件,只执行最后一个,而jquery文档加载完毕函数
可以有N多个,而且每一个都会按照顺序依次
jquery的文档加载完毕函数执行事件要早于body的onload事件(尤其是页面上有大量的图片需要加载的时候,两者之间的差异就更明显)