资讯专栏INFORMATION COLUMN

jQuery入门学习笔记1

davidac / 1081人阅读

摘要:首先明确是一个库,它的类型是函数,这一点可以通过查看。判断传入的参数是还是返回具体的方法函数可将所有的添加一个可将所有的变为全局声明,它是一个函数,返回一个对象,对象内有不同的方法,本文例子有个方法增加类名,修改节点内容。

首先明确jQuery是一个JavaScript库,它的类型是函数,这一点可以通过typeOf查看。需要注意的是,script引入方式是本地文件引入,如果是CDN引入,typeOf返回的结果是undefined


console.log(typeof jQuery);
function

jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"

因为DOM选择器使用起来比较麻烦,jQuery就是是通过封装原生的DOM选择器,让我们使用起来更加方便快捷。




div

1、全局声明window.jQuery,它是一个函数,返回一个对象,对象内有不同的方法,本文例子有2个方法addClass(增加类名),setText修改节点内容。

2、 jQuery 这个全局函数,接受一个参数,可以是node名或者是选择器都可以,因为jQuery函数内调用了原生的 document.querySelectorAll()

3、 jQuery函数已经return了addClass和setText,所以可以直接访问这两个方法。$div.addClass("red")和 $div.setText("hi")

4、addClass函数增加类名的方式是原生的x.classList.add(),setText函数也是原生的x.textContent()方法,但是通过jQuery函数封装后,增加类名和修改内容,我们仅使用三四行代码就可以实现。相比原生方法简单了许多。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104933.html

相关文章

  • jQuery入门学习笔记1

    摘要:首先明确是一个库,它的类型是函数,这一点可以通过查看。判断传入的参数是还是返回具体的方法函数可将所有的添加一个可将所有的变为全局声明,它是一个函数,返回一个对象,对象内有不同的方法,本文例子有个方法增加类名,修改节点内容。 首先明确jQuery是一个JavaScript库,它的类型是函数,这一点可以通过typeOf查看。需要注意的是,script引入方式是本地文件引入,如果是CDN引入...

    lakeside 评论0 收藏0
  • 前端相关大杂烩

    摘要:希望帮助更多的前端爱好者学习。前端开发者指南作者科迪林黎,由前端大师倾情赞助。翻译最佳实践译者张捷沪江前端开发工程师当你问起有关与时,老司机们首先就会告诉你其实是个没有网络请求功能的库。 前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单 原文地址:Learning React.js is easier than you think 原文作...

    fuyi501 评论0 收藏0
  • Laravel学习笔记三-前端工作流

    摘要:本节将学习是如何利用形成一套完整的前端工作流模式的。你也可以使用下面命令来强制安装所有模块,不管该模块之前是否安装过由于国内墙的原因,使用安装会非常缓慢,慢到想切,不过还好,我们可以使用淘宝提供的国内镜像进行下载。 本节将学习 Laravel 是如何利用 Sass, NPM, Gulp形成一套完整的前端工作流模式的。 一、句法强大的样式表Sass Sass 是一种可用于编写CSS的语言...

    liuchengxu 评论0 收藏0
  • jQuery入门笔记之(七)插件

    摘要:目前插件已超过几千种,由来自世界各地的开发者共同编写验证和完善。而对于开发者而言,直接使用这些插件将快速稳定架构系统,节约项目成本。也就是说,插件也是代码,通过文件引入的方式植入即可。现在我们就完成了一个下拉菜单的插件。 插件(Plugin)也成为 jQuery 扩展(Extension),是一种遵循一定规范的应用程序接口编写出来的程序。目前 jQuery 插件已超过几千种,由来自世界...

    defcon 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<