jquery
关注
分享
扫一扫
tianmeng1999
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jq封装轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcdn.net/原创 2020-11-08 14:08:36 · 262 阅读 · 0 评论 -
jquery 自定义插件 拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcdn.net/原创 2020-10-22 20:57:53 · 327 阅读 · 0 评论 -
jquery 事件
绑定事件绑定事件名$(div).click(function(){ // ...})绑定事件 on可重复添加事件可添加多个事件参数事件名 触发对象传输数据 {}回调函数示例$(div).on('click',function(){ // ...})传输数据$(div).on('click',{name:"传输数据"},function(e){ // ... e.data => {name:"传输数据"}})事件委托// h2 是 p原创 2020-10-22 20:55:20 · 137 阅读 · 0 评论 -
jquery 扩展方法($.fn.extend/$.extend) 自定义插件 拖拽
文章目录扩展方法给jquery对象本身扩展方法 $.xxx给jquery Dom对象扩展方法 $(div).xxx自定义插件 拖拽扩展方法给jquery对象本身扩展方法 $.xxx$.extend({ lg(){ console.log('扩展lg方法') }})// $.lg()给jquery Dom对象扩展方法 $(div).xxx$.fn.extend({ domfun(){ // $(this); 指向调用者 $(div原创 2020-10-11 10:13:08 · 440 阅读 · 1 评论 -
jquery ready方法
ready方法dom结构加载完成事件等同于 DOMContentLoaded 事件$(document).ready(function(){ // ...})// 简化$().ready(function(){ // ...})// 简化$(function(){ // ...})原创 2020-10-05 14:19:46 · 256 阅读 · 0 评论 -
jq Ajax全局事件 ajaxStart() 请求开始时触发 ajaxComplete()请求完成时
ajaxStart() //请求开始时触发ajaxComplete() //请求完成时触发// 当页面中有ajax请求触发$(document).on('ajaxStart',function(){})// 当页面中有ajax请求完成时触发$(document).on('ajaxComplete',function(){})原创 2020-07-29 10:30:08 · 382 阅读 · 0 评论 -
jq serialize方法 将表单中的数据自动拼接成字符串类型的参数 serializeArray 将表单中的数据转化为数组
serialize方法 将表单中的数据自动拼接成字符串类型的参数<form id="form"> <input type="text" name="name" /> <input type="text" name="age" /></form>ver params = $("#form").serialize()// name=张三&age=18...原创 2020-07-29 10:08:33 · 997 阅读 · 0 评论 -
jq 尺寸位置操作
jq 尺寸$('div').width()/height() // 获取匹配元素的宽度和高度 只算width/height$('div').innerWidth()/innerHeight() // 获取匹配元素的宽度和高度 包括padding$('div').outerWidth()/outerHeight() // 获取匹配元素的宽度和高度 包括padding border$('div').outerWidth(true)/outerHeight(true) // 获取匹配元素的宽度和高度 包原创 2020-06-07 16:59:45 · 171 阅读 · 0 评论 -
jq 插件
jQuery 插件常用网站jQuery插件库：http://www,jq22.com/jQuery之家 http://www.htmleaf.comjQuery 插件使用步骤引入相关文件（jquery,插件文件）复制相关 html,js(调用插件),css原创 2020-06-07 10:21:01 · 221 阅读 · 0 评论 -
jq 多库共存
问题：jquery 使用$ 作为标识符，随着jquery的流行，其他js库也会使用$作为标识符，这样就会引起冲突需求：需要一个解决方案，让jquery和其他的js库不存在冲突，可以同时存在，这就叫多库共存。jq解决方案：把里面的$符号 统一改为jQuery,jQuery('div')jquery 变量规定新的名称:$noConflict() var xx = $.noConflict() var xx = jQuery.noConflict();...原创 2020-06-07 10:08:12 · 245 阅读 · 1 评论 -
jq 对象拷贝$.extend
var targetObj = { id:0}var obj = { id:0, name:"andy", msg:{ ff:"msg" }}$.extend(targetObj )原创 2020-06-07 09:58:12 · 197 阅读 · 0 评论 -
jq 事件处理on 事件委派 解绑事件off 自动触发事件trigger/triggerHandler
单个事件注册$("div").click(function(){})事件处理on多个事件处理$("div").on({ click:function(){}, mouserover:function(){}, ....})$("div").on('click mouseover',function(){ // 2个事件都会触发该函数})事件委派操作click事件绑定在ul身上，触发的对象是ul里面的li$("ul").on('click','li',function(){原创 2020-06-06 10:38:22 · 338 阅读 · 1 评论 -
jq 创建/添加/删除元素
创建元素var li = $("<li></li>")添加内部添加$("ul").append(li) //添加到内部的底部$("ul").prevend(li) //添加到内部的顶部外部添加var div= $("<div>div</div>")$("ul").after(div) //在ul的后面添加div$("ul").before(div) //在ul的前面添加div删除$("ul").remove() //删除匹配的元原创 2020-06-06 09:14:41 · 946 阅读 · 0 评论 -
jq 操作属性 prop attr data
文章目录propattrdataprop获取/修改元素固有的属性值// 获取$("a").prop('href') // www.baidu.com// 修改 $("a").prop('href','https://mp.weixin.qq.com') attr获取/修改自定义属性// 获取$("div").prop('index') // 0// 修改 $("div").prop('index',2) data数据缓存 是放在元素的内存里面相当于添加到了div节点对象原创 2020-06-05 16:49:40 · 179 阅读 · 0 评论 -
原生js/jquery 触发click事件
javaScriptvar ss = document.querySelectorAll('#div');var myEvent = new Event('click');ss.dispatchEvent(myEvent);jquery$('#div').click()原创 2019-09-02 19:28:10 · 3257 阅读 · 0 评论 -
vue安装/ztree/jq/vue-happy-scroll(滚动条)
安装jq安装jqnpm install jquery --savewebpack.base.conf.jsmodule.exports = { ... plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ]}main.jsimport ...原创 2019-08-12 14:51:16 · 509 阅读 · 0 评论 -
js/jq 读取json文件
js/jq 读取json文件jqjsjq$.getJSON('json文件路径',function(data){ console.log("json文件内容：",data);})jsvar url = 'json文件路径';var xhr = new XMLHttpRequest();xhr.open("get",url);xhr.send(null);// 不需要发送数据x...原创 2019-08-06 16:02:48 · 627 阅读 · 0 评论 -
监听 鼠标滚轮放大缩小 jq 原生
监听 鼠标滚轮放大缩小 jq 原生jq // IE9, Chrome, Safari, Opera $('xx').on("mousewheel",MouseWheelHandler); // Firefox $('xx').on("DOMMouseScroll",MouseWheelHandler);// 鼠标滚轮放大缩小=funct...原创 2019-07-22 13:35:58 · 1337 阅读 · 0 评论 -
原生js/jquery 监听浏览器窗口变化
$(window).resize(function() { var width = $(this).width(); var height = $(this).height();});原创 2019-07-09 11:37:32 · 1012 阅读 · 0 评论