js与Jquery的区别是什么?
来源:互联网 发布:高斯步枪 知乎 编辑:程序博客网 时间:2024/06/08 01:06
通俗的说就是:程序员都懒,如果一直重复同样的工作,在很多地方都会用到重复的代码,就会想是不是可以把一些共同的代码单独提取出来,经过进一步的改造,让它可以放之四海而皆准,去解决绝大部分的重复代码编写工作。
jquery就是用JS写的,方便编程的一个方法集合。
最近摸索着学习JavaScript,从W3School上学习了原生的js,后来又开始学习jQuery,觉得先入为主的思想在我身上体现的太强烈了,总是在用jquery的时候敲成原生的写法,可能还是对JQuery不熟悉吧,为了改正,把自己容易记混的代码记录下来,警示自己。
一、刚入手时最觉得JQuery方便的地方
JS:返回元素
JQuery:返回JS对象
- <span style="font-size:14px;">document.getElementById("id");//通过id
- document.getElementsByTagName("a");//通过标签的名称
- document.getElementsByName("name");//通过名字
- document.getElementsByClassName("cName");//通过类名</span></span>
- <span style="font-size:14px;">$("#id")//通过id
- $(".cName") 通过class
- $("div") 通过标签</span></span>
二、我最初最容易敲错,顺手就把原生的敲到jQ里了,然后出问题了才恍然发现,自己就是欠抽
JS:不写="这是内容" 是返回text的内容,写了是赋值
JQuery:用法同上
- <span style="font-size:14px;">document.getElementById("id").innerHTML="这是内容";</span>
- <span style="font-size:14px;">$(#id).html("这是内容");
- </span>
三、学习了几天后终于不再纠结语法问题了,来到了事件
JS:
- window.onload=function(){
- //编写代码
- }
这个方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行,即javascript此时才可以访问网页中的任何元素。如果网页图片比较多的话,又要对图片进行操作,用户必须等到每一幅图片都加载完毕后才可以操作。还有重要的一点onload事件一次只能保存对一个函数的引用,如果把上面的代码编写两边,后面的函数会覆盖前面的函数
JQuery:
这个方法在DOM完全就绪时就可以被调用,可以访问网页的所有元素,但是并不意味着与元素关联的文件都已经下载完毕。如果网页图片比较多的话,只要DOM加载完就可以操作,不必等图片下载完毕。而且可以保存多个函数的引用,然后根据函数顺序执行。但是如果在这个方法中获取图片的宽高有可能不准确,那就用到了另一个方法
- $(document).ready()
load()方法会在元素的onload事件中绑定一个处理函数,如果处理函数绑定给window对象,则会在所有内容(包括窗口、框架、对象和图像等)加载完毕后触发,如果绑定在元素上,则会在元素的内容加载完毕后触发。
- $(window).load(function(){
- //编写代码
- });<pre name="code" class="javascript">简写方式
- $(function(){
- //编写代码
- });
阅读全文
0 0
- js与Jquery的区别是什么?
- js和jquery的区别是什么?
- php与js的区别是什么
- JS与JQUERY的区别
- 前端面试题-----js和jquery的区别是什么?
- js与jQuery区别
- JQuery 与 JS 里 submit() 的区别
- [JS][jQuery]remove()与 empty()的区别
- js与jquery的几个使用区别
- 【javaWeb之前端】前端面试题-----js和jquery的区别是什么?
- jquery 入门(jquery是什么/与JavaScript的联系与区别/jquery版本/引包/入口函数)
- JQuery的ready函数与JS的onload的区别
- JQuery的ready函数与JS的onload的区别
- JQuery的ready函数与JS的onload的区别
- JQuery的ready函数与JS的onload的区别:
- js原生ajax与jquery的ajax的用法区别
- jquery与js原生 的加载方式区别
- jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别
- 大数据生态系统基础:Hadoop(五):Hadoop 3.0.0 HDFS读写及编程基础
- Python
- Java_18 File类
- codeforces 831B Keyboard Layouts
- 关于java中byte的相关问题
- js与Jquery的区别是什么?
- SQL Server 学习笔记之Collation(校对)
- 一周科技要闻
- 关于醉驾的想去没去成,去了没撞人,去了撞了,该受到怎样的谴责的理由
- QNX系统的ftp调试,连接FTP调试-QNX的PC104调试ftp
- BZOJ[1455]罗马游戏 可并堆
- 竞赛题目讲解-【Central Europe 1996】装箱问题
- 【JZOJ 5296】【清华集训2017模拟】Sequence
- NG机器学习week6 Advice for Applying Machine Learning