了解jQuery并掌握jQuery对象和DOM对象的区别
jQuery的优势:
- 开源--开放源代码
- 轻量级
- 强大的选择器
- 出色的DOM操作(对DOM元素的一个增删改查)
- 完善的Ajax,出色的浏览器兼容性,丰富的插件支持,完善的文档(说明书)
- 链式操作方式, 写得少,做的多
使用jQuery:
- 下载jquery文件
- 把文件放入到项目中去
- 在页面当中引入jquery文件(选中jquery文件直接拖拽过去到(head标签里面或者body里面))
jQuery对象和DOM对象的区别
一://取得jsDOM对象:
- var name = document.getElementById("name");
- alert(name.value); //通过获取到的对象得到它的值、
二://获得jquery对象
- 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.onload=function(){ }
2.body的onload事件(js窗体加载事件)和jquery窗体加载事件的区别:
- 一般onload事件只有一个,如果页面有多个onload事件,只执行最后一个,而jquery文档加载完毕函数可以有N多个,而且每一个都会按照顺序依次执行
- jquery的文档加载完毕函数执行事件要早于body的onload事件(尤其是页面上有大量的图片需要加载的时候,两者之间的差异就更明显)
了解jQuery并掌握jQuery对象和DOM对象的区别的更多相关文章
- 判断一个对象是jQuery对象还是DOM对象
今天调试一段代码的时候,看到其中一个变量,想知道它到底是jquery对象还是dom对象. 虽然直接console出这个对象,看它的内部可以判断出来.但是我想有没有什么更方便的方法呢. 后来我想到了一个 ...
- jQuery对象和DOM对象的区别
jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery ...
- jQuery对象与dom对象相互转换
核心提示:jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S('#id' ...
- JQuery对象与DOM对象的区别与转换
1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj ...
- 什么是jquery $ jQuery对象和DOM对象 和一些选择器
1什么是jQuery: jQuery就是将一些方法封装在一个js文件中.就是个js库 我们学习这些方法. 2为什么要学习jQuery: 原生js有以下问题: 1.兼容性问题2.代码重复3.DOM提供的 ...
- jQuery对象与DOM对象之间的转换方法
刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对 ...
- jQuery jQuery对象与dom对象的转换
jQuery对象本质上是一个构造函数,主要作用是返回jQuery对象的实例. jQuery选择器返回的是一个类似数组的对象,用下标运算取出的对象如$('body')[0],是dom对象,对此jquer ...
- jQuery对象与dom对象的转换
一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的 ...
- jquery对象和dom对象的相互转换
更好的学习jquery,要区分好jquery对象和dom对象的区别. 先具体说说dom.举个例子 <html> <head></head> <body> ...
- JQuery学习笔记---jquery对象和DOM对象的关系
1.DOM(Document Object Model,文档对象模型).DOM树 { html (head&&body), head(meta && title) ...
随机推荐
- 【阿里云产品公测】ACE下上传文件永久存储实践
本帖主要内容: ;$,=VB:' 在阿里云的ACE下,我是如何实现让上传的文件永久保存的? ,%"!8T 本文以PHP为例,具体知识点如下: WD# 96V 第一,扩展服务“存储 ...
- 第四次作业-第一次scrum冲刺
团队成员 周斌 舒 溢 许嘉荣 唐 浩 黄欣欣 1.第一次冲刺任务安排 对Github上的HUSTOJ开源项目进行Fork,搭建基本环境 2.用户需求 ①基本功能显示在首页 ②能够提交题目并判题,并对 ...
- 如何编写自定义hive UDF函数
Hive可以允许用户编写自己定义的函数UDF,来在查询中使用.Hive中有3种UDF: UDF:操作单个数据行,产生单个数据行: UDAF:操作多个数据行,产生一个数据行. UDTF:操作一个数据行, ...
- 树的各种操作java
package mystudy; import java.io.UnsupportedEncodingException; import java.util.LinkedList; import ja ...
- javascript 时间日期处理相加,减操作方法js
javascript 时间日期处理相加,减操作方法js function dateAddDays(dataStr,dayCount){ var strdate = dataStr; // 2017年0 ...
- 【深入理解JAVA虚拟机】第4部分.程序编译与代码优化.1.编译期优化。这章编译和实战部分没理解通,以后再看。
1.概述 1.1.编译器的分类 前端编译器:Sun的Javac. Eclipse JDT中的增量式编译器(ECJ)[1]. 把*.java文件转变成*.class文件 JIT编译器:HotSpot ...
- IM
一.IM技术概念 IM技术全称Instant Messaging,中文翻译"即时通讯",它是一种使人们能在网上识别在线用户并与他们实时交换消息的技术,是电子邮件发明以来迅速崛起的在 ...
- MongoDB限制记录数
MongoDB limit()方法 要限制 MongoDB 中返回的记录数,需要使用limit()方法. 该方法接受一个数字类型参数,它是要显示的文档数. 语法 limit()方法的基本语法如下: & ...
- 智能机器人“小昆”的实现(五)MainActivty的实现及项目结束
好了,一切准备工作都完成了,下面我们就可以真正的编写MainActivity了.在MainActivity中,我们要为ListView设定适配器,并为发送按钮设定点击事件.我们的逻辑就是点击发送按钮, ...
- The Relationship Between Layers and Views
Layers provide infrastructure for your views. 内核与外壳:数据与封装的关系.