JQ自行封装方法初实验

最新推荐文章于 2023-07-12 15:39:49 发布
最新推荐文章于 2023-07-12 15:39:49 发布
阅读量837 收藏
点赞数
分类专栏： 日记 文章标签： JQ
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42935933/article/details/82085833
版权

插件

使用插件的步骤

1. 引入jQuery文件
2. 引入插件（如果有用到css的话，需要引入css）
3. 使用插件

jquery.lazyload.js

懒加载插件

jquery.ui.js插件

基本使用:

2.  1.  引入jQueryUI的样式文件
2.  引入jQuery
3.  引入jQueryUI的js文件
4.  使用jQueryUI功能

使用jquery.ui.js实现新闻模块的案例

制作jquery插件

原理：jquery插件其实说白了就是给jquery对象增加一个新的方法，让jquery对象拥有某一个功能。

//通过给$.fn添加方法就能够扩展jquery对象
$.fn. pluginName = function() {};

制作手风琴插件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        ul {
最低0.47元/天 解锁文章
你还在梦里
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jq小小封装
m0_56355797的博客
11-23 306
jQuery是一个优秀的JavaScript库，是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念：write less,do more.
03-jQ部分简单封装
weixin_45344023的博客
08-10 211
jQ部分简单封装 一、实现基本骨架 $(function(){ function $(selector) { return new jQuery(selector); } function jQuery(selector){ this.ele = document.querySelector(selector); } jQuery.prototype = { constructor:jQuery,
如何自己封装一个JQuery
最新发布
qq_66808283的博客
07-12 289
将上面的JQuery封装成库。
jquery封装
c_l_a_n_n_d的博客
11-23 582
(function(){ //匿名函数自执行 // jQ的构造函数 function jQuery(selector){ // 返回new 一个初始化函数 return new jQuery.fn.init(selector); } // 定义JQuery构造函数的显示原型 jQuery.fn=jQuery.prototype={ constructor:jQuery, jquery:"9.0.0", length:0, get(index){ return th
简单封装jq方法
xiaobai_wu的博客
05-21 602
简单封装jq方法 (function () { function _xQuery(select){ this.nodes=document.querySelectorAll(select); if(this.nodes.length){ for(var i=0;i<this.nodes.length;i++){ this[i]=this.nodes[i] } }els
jq封装放大镜.rar
06-18
在编程中，封装是一种面向对象编程的概念，它将数据和操作这些数据的方法捆绑在一起，作为一个独立的单元。这样可以提高代码的可重用性和可维护性。在这个jQuery插件中，封装意味着将图片放大镜的功能集中在独立的...
基于jQuery的ajax方法封装
10-21
AJAX 是一种用于创建快速动态网页的技术。这篇文章主要介绍了基于jQuery的ajax方法封装的相关资料,需要的朋友可以参考下
原生js封装的一些jquery方法(详解)
11-24
用js封装一些常用的jquery方法 记录一下 hasClass：判断是否有class function hasClass(ele, cls) { 　if (!ele || !cls) return false; 　if (ele.classList) { 　return ele.classList.contains(cls); 　} else {...
jq封装轮播图封装轮播图
06-22
在面向对象编程中，封装是将数据和操作这些数据的方法捆绑在一起的过程。这样可以隐藏内部实现细节，只暴露必要的接口供外部使用，提高代码的安全性和可维护性。 在jQuery封装轮播图时，我们通常会创建一个名为`...
jQuery cookie的公共方法封装和使用示例
10-15
本文将深入探讨如何封装和使用jQuery的cookie公共方法，包括设置、获取、删除和管理cookies。 首先，我们需要了解jQuery.cookie插件，这是一个用于读取和写入浏览器cookie的jQuery扩展。在封装公共方法之前，确保...
jq 封装公共方法
qq_30872253的博客
11-16 640
我们可以用一个自执行函数来封装一个公共弹窗 (function(w, $) { function _showSuccessMsg(msg, opt) { new $.zui.Messager(msg, $.extend({ type:‘success’, icon: ‘check’, time: 2000 }, opt || {})).show(); } w.WMsg = { showSuccessMsg: _showSuccessMsg }; })(window, jQuery); 在调
jQuery封装一个简单的组件
weixin_45237990的博客
03-09 2058
jQuery封装一个简单的组件 利用jQuery封装一个简单的button组件 1.创建index.js class Button { static initial(selector, value) { $(selector).append( ` <input class="jq-button" type="button" value="${value}"></input> `
jquery封装插件、自定义方法
热门推荐
朱王友的博客
05-15 1万+
                                                                         本文章是基于jquery编写要点：        1、理清自己的思路，你要做什么的步骤        2、你的操作需要用到jquery的哪些方法        3、页面需要引入jquery包，和你自己插件的包步骤：1、插件的包装编写一个jQuery插件开...
JQ面向对象的封装步骤
Facing_the_Giants的博客
07-16 2286
一：函数自己调用自己/*CSS页面*/ #box1{ width: 200px; height: 200px; background: red; margin :100px auto; } .box2{ width: 200px; height: 200px; ba
封装自己的jquery插件
u010963051的博客
01-10 5183
接下来我们一起来写个高亮的jqury插件 1.定一个闭包区域，防止插件"污染" //闭包限定命名空间 (function ($) { })(window.jQuery); 2.jQuery.fn.extend(object)扩展jquery 方法，制作插件 //闭包限定命名空间 (function ($) {     $.fn.extend({        
JQ事件委托、插件封装及JQ补充
秦兟
02-03 351
JQ事件委托及JQ补充 事件委托 事件委托是利用事件冒泡来实现，只指定一个事件处理程序 来管理某一类型的所有事件 原因 1）在js中添加到页面的事件处理程序的个数直接关系到页面的整体加载速度 因为每个事件处理程序都是一个对象，对象会占用内存。对象越多需要加载的内存就越多 2）有很多个数据的表格以及很长的列表逐个添加事件，对于开发人员而言，就是噩梦 so： 事件委托能极大的提高页面的加载速度 ，减少...
jq事件的绑定
HBF__cg的博客
02-06 254
事件绑定 1.on/off 2.bind/unbind 3.live/delegete 在JQuery1.7之后推出了on/off，废弃了live/delegete方法 on/off整合了bind/unbind方法 .on(参数1，参数2，参数3，参数4) 参数1：必填。事件类型，，可同时绑定多个事件，仅限于功能相同时,事件之间空格间隔    功能不同时，采用链式编程 参数2：可选。具体执行功能...
jquery封装之--css封装
xiaoerduo123x的博客
02-12 1873
我之间我的博客里面有提到，自定义的库和jquery库是水火不相容的，其实在我学习了CSS封装后，我算是大彻大悟。 在前面的时候我提到，获取节点，要用到繁琐的getId,getClass,getTagName.今天学习了CSS封装， 我们也可以简化js代码 代码设置 我自己定义的base.js //前台调用 var $ =function(args){ return new Base(
jq标签删除方法
05-31
在使用 jQuery 删除标签时，可以使用 `remove()` 方法或 `detach()` 方法。 `remove()` 方法会将选中的元素及其子元素从 DOM 中彻底删除，而 `detach()` 方法则是将选中的元素及其子元素从 DOM 中移除，但保留在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值