![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
muzidigbig
凡事第一反应,找方法,而不是找借口;发现问题,反思,而不是急着辩解。
展开
-
jq----dom.trigger(eventType,data)执行dom绑定事件的处理程序和行为
trigger(type,[data])-----简言之:触发事件的处理函数和行为,也就是执行定义事件的执行函数type:一个事件对象或者要触发的事件类型data:传递给事件处理函数的附加参数当相应的事件发生时,任何通过.on()或一个快捷方法绑定的事件处理程序将被触发。但是,它们可以用.trigger()方法。调用 .trigger() 执行处理程序和用户自然的触发该事件,他们的执行顺序时相同的:$('#foo').on('click', function() { alert($原创 2020-05-15 15:26:53 · 461 阅读 · 0 评论 -
Jquery中.attr()和.data()的区别
Jquery中.attr()和.data()的区别$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别。Jquery对象属性和DOM属性一个简单的例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l转载 2018-11-26 15:02:21 · 483 阅读 · 0 评论 -
DOM对象和js对象以及jQuery对象的区别
DOM对象和js对象以及jQuery对象的区别 一、DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时...转载 2018-11-26 15:44:41 · 162 阅读 · 0 评论 -
jquery的$().each和$.each的区别
$(selector).each(function(index,element))这个函数和之前项目里面用到的遍历数据的函数不是同一个呀(项目里面用到的函 数:$.each(dataresource,function(index,element))),于是,就好好研究了下,果然在JS里面有两个相似的函数,于是也就有了今天的主题:1.$(selector).each(function(...原创 2018-11-26 16:16:37 · 1594 阅读 · 0 评论 -
jQuery使用最广泛的api
【目录】教程 一、选择网页元素 二、改变结果集 三、链式操作 四、元素的操作:取值和赋值 五、元素的操作:移动 六、元素的操作:复制、删除和创建 七、工具方法 八、事件操作 九、特殊效果【正文】一、选择网页元素jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他Javascript库...转载 2018-11-26 16:50:33 · 147 阅读 · 0 评论 -
jQuery判断checked的三种方法、单/复选框的的选中方式
.is(":checked") vs .prop("checked") == true 因此,特地百度了一下,结果如下: .attr(‘checked’): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(‘checked’): //1.6+:true/false .is(‘:checked’): ...转载 2018-11-27 09:36:42 · 1213 阅读 · 0 评论 -
jquery---is()用法以及常见的用法
一、基本知识<body> <ul> <li class="li">muzi</li> <li class="li"><strong>digbig</strong></li> &转载 2018-11-27 10:10:01 · 591 阅读 · 0 评论 -
jquery层次选择器:空格 > next() + nextAll() ~ siblings() prev() prevAll() find()的区别
jquery层次选择器jquery层次选择器,包括空格、>、next、+、nextAll、~、siblings、prev()、prevAll()等函数或表达式。1、空格表示获取所有子孙后代元素2、 >表示获取一级子元素3、next函数获取紧接在之后的同辈元素列表4、nextAll函数表示获取之后的所有同辈元素列表5、siblings函数表示获取所有同辈元素列表,无论前后...原创 2018-11-27 10:41:13 · 773 阅读 · 0 评论 -
jQuery实现简单分页
纯jQ简单的分页效果!废话不多说,上代码。要是你们需要,直接复制过去就可以,我故意把css,js,放在一起就是为了方便copy。。注意jq版本1.7以上代码:<!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; c...转载 2018-11-27 14:54:21 · 930 阅读 · 0 评论 -
Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解以及数组中查询某值是否存在
1.jquery grep()筛选遍历数组(可以得到反转的数组)// 1.jquery grep()筛选遍历数组(可以得到反转的数组) var array = [1,5,9,3,12,4,48,98,4,75,2,10,11]; var filterArray = $.grep(array,(currentValue) => { return curre...原创 2018-11-23 11:18:33 · 1520 阅读 · 0 评论 -
jQuery---操作 radio、checkbox、select(select中options的属性)
一、jQuery---操作 radio补充知识:二、jQuery---操作 checkbox<body> <div class="checkbox"> <input type="checkbox" name="checkbox_name" id="handlAll" value="#"&g原创 2018-11-19 22:12:18 · 792 阅读 · 0 评论 -
jq07--隐式迭代、遍历each()、jq插件机制($.fn.extend()/$.extend)、trim()、extend()、
1 链式编程链式编程原理:return this;通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回 this。end(); // 结束当前链最近的一次过滤操作,并且返回匹配元素之前的状态。2 隐式迭代隐式迭代的意思是:在方法的内部会为匹配到的所有元素进行循环遍历,执行相应的方法;而不用我们再进行循环,简化我们的操作,方便我们调用。如果获取...原创 2018-07-13 16:26:29 · 540 阅读 · 1 评论 -
jq01--jq特征、jq与js区别、jq入口函数(执行机制)、jq的常用选择器
1jQuery是什么?1.1 jQuery描述(理解)jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率。Js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里面来就可以了。animate.js(JQurey.js)是我们自己封装的库,而jQuery是别人帮我们封装好的库。jQuery名词解释:jQ...原创 2018-07-09 07:23:33 · 556 阅读 · 0 评论 -
jq02--style样式操作、css样式操作、标签属性操作、文本操作
1 样式操作 样式属性操作 .css()作用:设置或获取元素的样式属性值1. 设置样式属性操作:a.设置单个样式:// 第一个参数表示:样式属性名称// 第二个参数表示:样式属性值$(selector).css(“color”, “red”);b.设置多个样式:(也可以用来设置单个)// 参数为 {}(对象)$(selector).css({“colo...原创 2018-07-09 08:00:29 · 828 阅读 · 0 评论 -
jq03--$的解释、jq与js对象的相互转换、jq增删节点(remove()、empty()、detach()的区别)
1. jQuery的$符号(重点)jquery对象是一个数组。数组中包含着原生JS中的DOM对象。可以通过从数组中取值的方式获得所需要的dom对象js命名规范允许出现的字符有:数字、字母、下划线、$。Js命名规范允许作为变量命名开头的字符有:字母、下划线、$;但是,不允许以数字作为变量命名的开头。var $ = “我是字符串”;var $ = 123;function ...原创 2018-07-09 22:13:52 · 907 阅读 · 0 评论 -
jq04--自定义动画animate()、hide()/show()/toggle()、slideUp()/slideDown()/slideToggle()、fadeIn()/fadeOut()
jq的动画实质是通过dom+自定义animate()(进行封装的最大的区别就是给它起了一个语义化的名称;api中的动画是把常用的封装好了我们直接调用即可,api中的动画基本上都是脱标)1.animate(params,[speed],[easing],[fn]);自定义动画参数详解:params:一组包含作为动画属性和终值的样式属性和及其值的集合(必选,json的形式)speed:...原创 2018-07-10 18:13:55 · 696 阅读 · 0 评论 -
jq04--事件 点击、焦点、改变、选择、表单提交、鼠标、窗口
jq事件api1.点击事件 click()、dbclick()2.焦点事件 focus()、blur()3.改变事件 change()4.选择事件 select()5.表单提交事件 submit()6.鼠标事件 鼠标针对对象事件 mousedown()、mouseup()、mouseover()、mouseout() ...原创 2018-07-11 07:42:11 · 300 阅读 · 0 评论 -
jq05--强大的jq事件(事件处理)、on()、bind()、delegate()、hover()
1. jQuery事件机制jQuery的事件机制,指的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定、事件解绑、事件触发。最主要的特点:可以给DOM对象绑定多个事件2. jQuery事件的发展历程(了解)简单事件绑定(单个事件 <详见jq04>) >> bind事件绑定 >> delegate事件绑定 >> on【...原创 2018-07-12 14:59:59 · 2574 阅读 · 0 评论 -
jq06--jq事件对象、event、data、pageX/pageY、target、keyCode、which
1 jQuery事件对象介绍概述:jq事件对象可以简单的理解成对象发生完绑定事件后每个对象所对应的处理函数的event参数事件处理函数不给event参数虽然也可打印出event,但是打印出来的对象缺少很多数据(下面可自行再控制台打开查找不同)建议在事件处理函数上添加event参数<!DOCTYPE html><html lang="en"><head>...原创 2018-07-13 07:25:13 · 481 阅读 · 0 评论 -
jq02--尺寸位置、height()/width()、offset()、position()、scrollTop()/scrollLeft()
1 尺寸位置操作1.1 高度和宽度操作(尺寸)高度操作height()/width() :作用:设置或获取匹配元素的高度/宽度值(返回number)width([val|fn])//带参数表示设置高度$(selector).height(200);//不带参数获取高度$(selector).height();//带回调函数$(selector).w...原创 2018-07-13 12:01:30 · 215 阅读 · 0 评论 -
jq--ajax
Jquery的Ajax技术(重点)jquery是一个优秀的js框架,自然对js原生的ajax进行了封装,封装后的ajax的操作方法更简洁,功能更强大,与ajax操作相关的jquery方法有如下几种,但开发中 经常使用的有三种:1)$.get(url, [data], [callback], [type])2)$.post(url, [data], [callback],...原创 2018-07-08 22:28:18 · 4724 阅读 · 2 评论