美文网首页
关于jQuery的一些笔记

关于jQuery的一些笔记

作者: 沉默的废柴 | 来源:发表于2019-01-05 19:35 被阅读0次

 jQuery库有很多简单实用的API,但是不了解里面代码运行原理的话就不能很好的运用它们,在写这篇日记前我先操作了几个简单的API帮助自己熟悉代码,下面是我的一些心得:
 写jQuery代码需要知道怎么封装函数,怎么写命名空间,实现无侵入代码等等。
 我先学习使用了几个API,知道了jquery是一个js工具类库,封装了常用的DOM操作方法,有更好的兼容性,利用jquery提供的api,可以完成以下工作:
 ajax操作
 第三方插件可以使用
 事件绑定操作
 元素样式的操作
 DOM事件的操作
 动画设置

 jQuery对象就只能使用jQuery的方法,原生DOM对象只能使用原生DOM的方法

 如何转换:
 获取jQuery对象
 $('#xxx')
 获取DOM对象
 document.getElementById('xxx')

 on替代了bind,delegate,live,成为写代码首选绑定事件的工具

 举个小例子,做一个addClass和setText的API:

window.jQuery = function( nodeOrSlector ){
let nodes = {}
if (typeof nodeOrSlector === 'string' ){
let temp = document.querySelectorAll( nodeOrSlector )
for ( let i = 0; i<temp.length; i++){
nodes[i] = temp[i]
}
nodes.length = temp.length
}else if (nodeOrSlector instanceof Node) {
nodes = {
0:nodeOrSlector
length:1
}
}
nodes.addClass= function(classes){
classes.forEach( (value) => this.classList.add(value) )
}
nodes.setText = function(text){
for(let i = 0;i < nodes.length; i++){
nodes[i].textContent = text
}
}
return nodes
}
实现API首要的就是先能够取得函数返回的关键变量值,才能成功引用函数API。
初探jQuery,过几天系统的整理一下笔记。

相关文章

  • 关于jQuery的一些笔记

     jQuery库有很多简单实用的API,但是不了解里面代码运行原理的话就不能很好的运用它们,在写这篇日记前我先操作...

  • JQuery 笔记(四)【96~283】给JQ对象添加方法和属性

    【98】 jquery属性 源码笔记: 备注: jquery属性指向49行的core_version =...

  • 关于jquery的一些总结

    问答: 说说库和框架的区别?答:库是一些方法的集合,类似于工具,直接拿来用的。而框架是有着一定的规范,类似于搭一个...

  • JQuery零基础语法速学

    JQuery学习笔记 1.认识JQuery 简介 JQuery是一个JavaScript库,语法简洁,有跨平台的兼...

  • Ajax实现登陆验证

    关于jquery与Ajax jQuery 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法,能...

  • jQuery UI的版本及特性

    关于jQuery UI的详细了解:学习jQuery UI 版本: jQuery UI 1.9.2 发布,这是 jQ...

  • 2020-11-23

    关于jQuery jQuery是目前世界上最长寿且使用最广泛的库,虽然现在它已经不火了,但是它的一些设计思想还是可...

  • web进阶之二十七:jquery事件

      首先列出一些关于jquery事件的函数。 blur() 元素失去焦点focus() 元素获得焦点change(...

  • 第15/16天,jQuery

    @(Web前端)[笔记] jQuery API 3.2.1 速查表 目录 一、jQuery是什么? [1] j...

  • 锋利的jQuery笔记1

    标签: 我的笔记 认识jQuery jQuery对象和DOM对象 DOM对象可以通过javascript获取。 j...

网友评论

      本文标题:关于jQuery的一些笔记

      本文链接:https://www.haomeiwen.com/subject/smsdrqtx.html