![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js 插件
文章平均质量分 62
shelleyHLX
这个作者很懒,什么都没留下…
展开
-
jquery 中remove()与detach()的区别
remove()与detach()方法都是从dom中删除所有的元素两者的共同之处在于都不会把匹配的元素从jQuery对象中删除。不同之处在于用remove()删除的元素,除了元素被保留,其他的在这个元素上的绑定事件等都会被移除,但是detach()方法不会移除这个元素上的方法或者是附加数据。简单举例:html:<body><p>区别</p></body>js:p元素的绑定事件 $("p").click(function(){aler转载 2022-01-19 09:37:31 · 490 阅读 · 0 评论 -
深入学习jquery源码之闭包
深入学习jquery源码之闭包开发jQuery插件的时候会用(function($){})(jQuery); 这个闭包函数来包裹(function($) { // all JS code here})(jQuery);自执行函数写法, 函数声明后立即执行. 并且设置函数执行时context为this, 这里的this因执行环境会有所不同, 浏览器环境应该是window.这里面的$只是形参,但jquery是全局变量,所以不需要调用该函数就会自动执行整个结合起来意思就是,定义了一个匿.转载 2022-01-17 17:50:02 · 572 阅读 · 0 评论 -
富文本编辑器tinymce获取文本内容和设置文本内容
1、如果当前页面只有一个编辑器:获取内容:tinyMCE.activeEditor.getContent()设置内容:tinyMCE.activeEditor.setContent(“需要设置的编辑器内容”)2、如果当前页面有多个编辑器(下面的“[0]”表示第一个编辑器,以此类推):获取内容:tinyMCE.editors[0].getContent()设置内容:tinyMCE.editors[0].setContent(“需要设置的编辑器内容”)3、获取不带HTML标记的纯文本内容:va转载 2021-06-21 08:55:13 · 5864 阅读 · 0 评论 -
基于jquery的自定义插件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu...转载 2022-01-17 16:08:38 · 127 阅读 · 0 评论 -
jQuery中delegate和on的用法与区别详细解析
在jQuery1.7中 .delegate()已被.on()取代。对于早期版本,它仍然使用事件委托的最有效手段。在事件绑定和委派,delegate()和on在一般情况下,这两种方法是等效的。.delegate() 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。复制代码代码如下:// jQuery 1.4.3+$( elements ).delegate( selector, events, data, handler );// jQuer转载 2021-04-26 19:37:15 · 609 阅读 · 0 评论 -
jQuery获取下拉菜单列表的值
在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的值。 在jQuery中,我们通过使用.val()方法获得下拉列表的选定值。.val()方法主要用于获取表单元素的值,例如input,select和textarea。描述:获取匹配元素集中第一个元素的当前值。jQuery获取下拉菜单列表选定值下面是实例分析。引用jQuery库文件在HTML代码前面需要引用jQuery库文件,你可以把jQuery库文件下载到本地服务器进行调用,也可以直接使用第三方提供的..转载 2021-04-22 15:43:02 · 10154 阅读 · 0 评论 -
jQuery 遍历 - closest() 方法 is()方法
closest()实例本例演示如何通过 closest() 完成事件委托。当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景:$( document ).bind("click", function( e ) { $( e.target ).closest("li").toggleClass("hilight"); });亲自试一试定义和用法closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。语法.closest原创 2021-06-28 11:31:41 · 318 阅读 · 0 评论 -
jquery 控制类来控制HTML的显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&.原创 2021-09-26 15:36:58 · 123 阅读 · 0 评论 -
jquery的选择器
在self._getTopDocument()中,查找div.page-tabs-content,$("div.page-tabs-content",self._getTopDocument()).on("contextmenu","a.J_menuTab",function(event){});jQuery([selector,[context]])selector:用来查找的字符串context:作为待查找的 DOM 元素集、文档或 jQuery 对象。oncon...原创 2021-05-12 19:50:47 · 154 阅读 · 1 评论 -
jQuery 更改checkbox的状态,无效的解决方法
今天写页面遇到复选框动态全选或全不选问题,正常写法如下: 1 $("#tb").find("input[type='checkbox']").attr("checked","checked"); but!第一次点击全选按钮input显示对勾,第二次就不行了,查了下有建议用prop的,亲测有效。那两者有啥区别呢?jQuery函数attr()和prop()的区别:1、操作对象不同“attr”和“prop”分别是单词“attribute”和“...转载 2021-04-28 19:21:45 · 1495 阅读 · 0 评论 -
jquery 获取表单数据(获取序列化表单数据)
jquery 获取表单数据的方式:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2021-04-28 09:44:46 · 5366 阅读 · 0 评论 -
jQuery查找——parent/parents/parentsUntil/closest
jquery的parent(),parents(),parentsUntil(),closest()都是向上查找父级元素,具体用法不同parent():取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents():沿 DOM 树向上遍历,直到文档的根元素(<html>)为止,将每个祖先元素添加到一个临时的集合;如果应用了选择器,则会基于该选择器对这个集合进行筛选。返回零个、一个或多个元素。 closest():沿 DOM 树向上遍历,直到找到已应用选择器的一个匹配为止。返回零个转载 2021-06-12 14:24:44 · 1542 阅读 · 0 评论 -
jquery入门
jQuery是什么?首先,让我们看一下分别使用原生js和使用jQuery操作 HTML 的示例。原生js的使用:要获取id="start"的元素并将其html更改为"出发吧,骚年",我们需要执行以下操作:var el = document.getElementById("start");el.innerHTML = "出发吧,骚年!";尝试一下使用jQuery进行相同的操作,我们只需要一行代码:$("#start").html("出发吧,骚年!");尝试一下在..转载 2021-06-17 10:21:38 · 157 阅读 · 0 评论 -
jQuery 控制input及select的应用
jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});//为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();//获取Select选择的Text3. var checkValue=$("#select_id").val();//获取Select选择的Val...转载 2021-05-21 10:24:35 · 656 阅读 · 0 评论 -
$(function() {}),什么时候执行?
1. 什么时候执行呢?(function() {}),即 $(document).ready(function(),什么时候执行?$(function() { //执行操作});$(function() {}) 是$(document).ready(function()的简写, 这个函数什么时候执行的呢?答案:DOM 加载完毕之后执行。2. 分析DOM 是什么?DOM 就是一个 html 页面的标签树:那么什么时候,DOM 加载完成了呢?即页面所有的 h...转载 2021-12-15 14:33:36 · 226 阅读 · 0 评论 -
jquery 2.0.3.js 源码解析--实例属性和方法(2)
jquery版本:console.log($().jquery)constructor:constructor可以随便修改两种写法一样 <script type="text/javascript"> function Aaa() { } Aaa.prototype.age = 30; Aaa.prototype.name = "hello"; var a1 = new Aaa(); console.l...原创 2021-06-15 16:14:25 · 207 阅读 · 0 评论 -
js-audio对象-音频倍速播放、定位播放
Audio 对象Audio 对象HTML5中新增的Audio 对象代表着 HTML 元素。访问 Audio 对象你可以使用getElementById()来访问 元素:创建 Audio 对象你可以使用document.createElement()方法创建 元素Audio 对象方法play()开始播放音频var a = document.getElementById("Audio")function playaudio(){a.play()}//播放音频function原创 2021-06-25 10:08:20 · 3751 阅读 · 0 评论 -
Toastr 通知提示插件
Toastr 简介jquery toastr 一款轻量级的通知提示框插件。网页开发中经常会用到提示框,自带的alert样式无法调整,用户体验差。所以一般通过自定义提示框来实现弹窗提示信息,而jquery toastr正是为此的一款非常棒的插件。开发中用angular比较多,所以笔记记录了angular一些常见使用,与jquery版本有些许不同,相差不大。在HTML引用js文件 1 2 <link rel="stylesheet"typ..转载 2021-09-30 11:37:39 · 576 阅读 · 0 评论 -
使用jQuery重置(reset)表单的方法
由于JQuery中,提交表单是像下面这样的:代码如下:$('#yigeform').submit()所以,想当然的认为,重置表单,当然就是像下面这样子喽:代码如下:$('#yigeform').reset()但是,不幸的是,这样写的话,会有一个让你很郁闷的结果,那就是,表单无法重置!后来,上网查了一下,说是,JQuery中没有reset方法,经核对,果然是没有。那有么没有办法通过JQuery来重置表单呢,答案是有的,不过是一种间接的方法,如下:★★★代码如下:$('#yigef转载 2021-04-28 18:46:38 · 1563 阅读 · 0 评论 -
jquery 2.0.3.js 源码解析(1)
jquery对象:插件的扩展:扩展的工具方法$().css()只能jq对象使用$.trim()js原生对象可以用Sizzle:复杂选择器的实现回调对象延迟对象例子:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...原创 2021-06-15 11:09:44 · 230 阅读 · 0 评论 -
jquery 2.0.3.js 源码解析--函数和变量(2)
undefined:可以赋值,作为变量防止被修改类型判断使用:jquery的原型:jQuery.fn.initfn就是prototype面向对象:jQuery的写法:原型本身是一个对象XSS,注入攻击-2d: 2d去掉-01-06...原创 2021-06-15 11:57:29 · 123 阅读 · 0 评论 -
下拉框的颜色设定
一开始加载是一种颜色,点击 下拉面板,是一种颜色选中其他选项,一种颜色,选中提示选项,一种颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt..原创 2021-04-22 10:58:44 · 953 阅读 · 0 评论 -
js代码写在(function(){})();的原因
(function(){})();{}里的变量只能在该{}内访问,其他地方不能访问。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title><script type="text/javascript"> (function(){ var a = 10; function $(){ alert(a); .原创 2021-06-15 09:44:14 · 196 阅读 · 0 评论 -
jquery chosen插件使用及select常用方法
https://www.jianshu.com/p/51863ae82723转载 2021-08-19 15:02:25 · 389 阅读 · 0 评论 -
模板引擎jsrender的简单入门
一、jsrender的简单介绍jsrender是一个JS库,允许您定义一次样板结构并重复使用它来动态生成HTML。JsRender为HTML5开发带来了一个新的模板库,它具有无代码标记语法和高性能,支持创建自定义函数并使用纯粹的基于字符串的渲染。官网说他是“简单直观 功能强大 可扩展的 快如闪电”确实如此。jsRender 的主要概念:模板、容器和数据。优先使用场景:元素重复出现;动态加载数据,并前端显示;官方网站 :https://www.jsviews.com/#jsrender二:基本语法,转载 2021-07-28 17:01:20 · 1790 阅读 · 0 评论 -
Fullcalendar 文档
FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法、回调函数等整理成中文文档,以供参阅普通显示设置 属性 描述 默认值 header 设置日历头部信息。如果设置为false,则不显示头部信息。包括left,center,right左中右三个位置,每个位置都可以对应以下不同的配置:t转载 2021-12-21 10:36:38 · 3209 阅读 · 0 评论 -
理解jquery的$.extend()、$.fn和$.fn.extend()
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(); jQuery.extend();1.jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。2.jQuery.fn.extend(object);给jQuery对象添加方法。jQuery.fnjQuery.fn = jQuery.prototype = { init: function( selector, context ) {//….//……};原来 j.原创 2021-05-20 16:33:33 · 292 阅读 · 1 评论 -
从零开始编写一个js插件
https://www.jianshu.com/p/0a3127d301b1什么是js插件首先我们必须要明白什么是js插件,说的简单点,类似于function add(a, b){ return a+b; }这就是一种插件的雏形,因为它还没有封装起来, 它会影响到工作区的其他参与者(函数),也就是说它有可能会影响到其他成员,这样并不好。封装想要插件不影响本身的命名空间的话,使用匿名函数是最好的方式之一,由于JavaScript本身是基于函数作用域的,也就是说只要是在自身的函数.转载 2021-05-19 17:49:23 · 296 阅读 · 0 评论