博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
了解jQuery并掌握jQuery对象和DOM对象的区别
阅读量:4310 次
发布时间:2019-06-06

本文共 1046 字,大约阅读时间需要 3 分钟。

jQuery的优势:

  1.  开源--开放源代码
  2.  轻量级   
  3.  强大的选择器
  4.  出色的DOM操作(对DOM元素的一个增删改查)
  5.  完善的Ajax,出色的浏览器兼容性,丰富的插件支持,完善的文档(说明书)
  6.  链式操作方式,  写得少,做的多

使用jQuery:

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

jQuery对象和DOM对象的区别

一://取得jsDOM对象:

  1.       var name = document.getElementById("name");
  2.       alert(name.value);  //通过获取到的对象得到它的值、

二://获得jquery对象

  1.       var $name = $("#name");

三:DOM对象与jQuery对象互相转换

  可以把jQuery对象看做DOM对象的数组,因此    可以通过索引下标在jQuery中获取DOM对象

  • 方法一:jquery对象 --- >DOM对象
  • var $name1 = $(name);  //获取jQuery对象
  • var name1 = $name.get(0);   //把jquery对象转换为DOM对象;
  • 方法二:DOM对象--- >jquery对象
  • var name = document.getElementById("name");//获取DOM对象
  • var $name=$(name); //把DOM对象转换为jquery对象

四:jQuery函数(窗体加载事件):

1.jQuery(document).ready(function(){ 需要执行的代码})  ====》  $(function(){ 需要执行的代码  })    (简写方式,常用)

  •     $(function(){ 需要执行的代码  }) ===》 js的   window.οnlοad=function(){ }

 

2.body的onload事件(js窗体加载事件)和jquery窗体加载事件的区别:

 

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

 

转载于:https://www.cnblogs.com/Li232/p/9489192.html

你可能感兴趣的文章
<h:commandLink>和<h:inputLink>的区别
查看>>
<a4j:keeyAlive>的英文介绍
查看>>
关于list对象的转化问题
查看>>
VOPO对象介绍
查看>>
suse创建的虚拟机,修改ip地址
查看>>
linux的挂载的问题,重启后就挂载就没有了
查看>>
docker原始镜像启动容器并创建Apache服务器实现反向代理
查看>>
docker容器秒死的解决办法
查看>>
管理网&业务网的一些笔记
查看>>
openstack报错解决一
查看>>
openstack报错解决二
查看>>
linux source命令
查看>>
openstack报错解决三
查看>>
乙未年年终总结
查看>>
子网掩码
查看>>
第一天上班没精神
查看>>
启动eclipse报错:Failed to load the JNI shared library
查看>>
eclipse安装插件的两种方式在线和离线
查看>>
linux下源的相关笔记(suse)
查看>>
linux系统分区文件系统划分札记
查看>>