jQuery
绵羊万
每天多一点点!
展开
-
谈谈jQuery对象
jQuery其实就是对原生JS的封装与调用 我们用jQuery时的$到底是什么呢? $就是jQuery的简写 也就是说 $===jQuery返回的结果是ture jQuery对象定义 $()---------就是jQuery对象 怎么理解上面这句话呢?$(element)会将所选择的元素封装为jQuery对象,使其带有额外的方法,使用超方便!! 下面举几个生成jQuery对象的...原创 2018-09-30 16:09:42 · 350 阅读 · 0 评论 -
详细分类 jQuery选择器
jQuery选择器----->CSS选择器 jQuery选择器实际上是实现了CSS选择器 jQuery选择器的分类 jQuery选择器可以分为下面三种类型的选择器 基本选择器 $('tag') -------按元素标签选择 $('.class') -------按类名选择 $('#id') -------按id选择 $('*') ...原创 2018-09-30 16:41:11 · 1057 阅读 · 0 评论 -
jQuery事件监听
jQuery事件监听 实现jQuery事件的四个要素如下所示: 1)触发事件的目标元素 2)触发事件的名称(即事件类型) 3)事件触发时的回调(即事件处理函数) 4)事件对象(即event) 举个栗子来解释它的格式: $('#targrt').on('click',function(event){ console.log('target'); //被点击了 $('...原创 2018-09-30 17:07:48 · 11135 阅读 · 0 评论 -
事件委托(事件代理)
事件委托 一般来说我们要给某个元素绑定事件,都会直接绑定在该元素上,如下: // 给 li 元素绑定点击事件 $('li').click(function() { console.log('你点击我了'); }) 但是这种直接的处理会有以下问题: 通过 JS 新添加的 li 元素并没有该事件绑定,所以点击无效 元素如果比较多的话,比喻有200个 li ,那每个 li 都绑定一...转载 2018-09-30 17:09:27 · 337 阅读 · 0 评论 -
jQuery 隐式迭代和链式调用
jQuery 隐式迭代和链式调用 学过 jQuery 之后,一般是不太有人再愿意写原生 JS 的,甚至有段时间 jQuery 成了 JS 的代名词。原因无他,足够简单方便。可在这简单方便的背后,可少不了两大功臣:隐式迭代和链式调用。 隐式迭代 对于原生 JS 来说,一般我们设置某类元素的样式,都得使用循环设置,而 jQuery 在使用的时候则无需考虑这点,简单示例如下: // 设置 .p...转载 2018-09-30 17:12:23 · 1926 阅读 · 0 评论 -
jQuery事件对象的属性
1.什么是事件对象? 即将触发的事件作为一个对象处理,对于事件对象,我们需要有以下几个方面的理解: $('div').click(function(event){ $(this).css('backgroundColor', red); }) 1)当事件触发时,事件对象就被创建了。上面的代码中当<div>被单击时,事件对象就被创建了。 2)这个事件对象,只有事件处理函数能...原创 2018-10-26 16:56:35 · 699 阅读 · 0 评论 -
jQuery中$(document).ready()函数的理解
$(document).ready()方法是事件模块中最重要的一个函数,可以极大的提高Web应用程序的响应速度,jQuery就是用$(document).ready()方法来代替传统的JS的window.onload方法的 下面利用对比的方式,可以加深对$(document).ready()的理解 1.执行时机 JS(window.onload):网页中所有的元素(包括元素的所有关联文件)完...原创 2018-10-26 19:46:03 · 8580 阅读 · 0 评论 -
jQuery的两个合成事件---hover()方法和toggle()方法
1.hover()方法 语法结构为:hover(enter,leave); 该方法用于鼠标的悬停事件,当光标移动到元素上时,会触发第一个函数(enter),当光标移除这个元素时,会触发第二个函数(leave) $(function(){ $('div').hover(function(){ //我是第一个函数 },function(){ //我是第二个函数 ...原创 2018-10-26 20:18:33 · 1798 阅读 · 0 评论 -
jQuery中使用trigger()方法完成模拟操作
我们前面说的栗子都是需要主要主动去触发事件,但是有时候需要用户进入页面之后,就自动触发事件,而不需要用户去主动触发,这就可以用到我们的trigger()方法了 $('button').trigger('click'); 这样,加载完页面之后,就会立刻输出想要的结果,也可以用简化写法click(),来达到同样的效果 $('button').click(); 1.触发自定义事件 t...原创 2018-10-26 20:40:14 · 1617 阅读 · 0 评论