选择器 基本选择器的语法：$("选择器").action(); 2.1 基本选择器 名称 语法 说明 标签选择器 element 选取指定标签名的元素 类选择器 .class 选取指定类名的元素 ID选择器...； 可以查找当前元素下的子元素； html //当鼠标访问指定的li时，指定的li下的p标签显示，鼠标移除后，对应的p消失 3三八线加入看单<...基本操作 3.1 样式操作 方法(已声明好的外部样式类名，多个使用空格分割) 说明 addClass("样式类名") 添加样式 removeClass("样式类名") 移除样式 toggleClass(...鼠标在其被选元素的子元素上来回进入时，触发 mouseenter() 鼠标进入被选元素时会触发 鼠标在其被选元素的子元素上来回进入时，不触发 mouseout() 鼠标离开被选元素是会触发 鼠标在其被选元素的子元素上来回离开时...{ //当表单提交事件，接收到false的返回值不会在提交表单内容，可以实现去除表单的默认提交处理(让from的action失败)，包括超链接 return false;
('cr');var $cr = $(cr); 此外，在使用多个不同的javascript库时，有可能会出现库之间的冲突，可以通过如下方式解决。...、表单选择器等4类选择器。...之前就介绍的$(document).ready()相信大家都不会陌生，其与window.onload实际上有一些区别的，前者是当DOM加载完成后触发，而后者则是页面中的所有元素(包括所有关联元素)加载完成后执行...事件冒泡就是当页面上有个元素时，其中一个嵌套在另一个中，如果均绑定了click事件，那么触发内层元素的click事件时，会同时触发外部的click事件。.../jquery-plugin-validate.html 参考资料： 单东林.
我的JQuery入门笔记，持续更新…… JQuery是一个封装了很多方法的js库 入口函数 写入口函数防止页面上的标签还没有被渲染出来，js代码就执行了 不同于js，JQuery可以有多个入口函数...对象 dom对象和JQuery对象 dom对象：原生js选择器获取到的对象 只能调用dom方法或者属性，不能调用JQuery的属性或者方法 JQuery对象：利用JQuery选择器获取到的对象 只能调用...text() // 设置文本 $('#div1').text('新文本') 获取和设置样式 使用css()方法，方法如下： // 获取样式 $('#div1').css('margin') // 设置单样式...mouseover事件在鼠标移动到选取的元素及其子元素上时触发 mouseseenter mouseseenter事件只在鼠标移动到选取的元素上时触发 类操作 // 添加类 addClass(类名)...// 添加多个类 addClass(类名 类名) // 移除类 removeClass(类名) // 移除多个类 removeClass(类名 类名) // 移除全部类 removeClass() //
除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。...所以之前的DOM时代的兼容代码 /** * @description 当页面的文档树加载完成后，可以进行交互就立即触发回调函数执行 * @param {function} callback -页面加载完成后调用的回调函数...描述 ID选择器 $("#id"); 获取指定ID的元素 全选选择器 $('*'); 匹配所有元素 类选择器 $(".class"); 获取同一类class的元素 标签选择器 $("div"); 获取同一类标签的所有元素...3.5 层级选择器 名称 用法 描述 子代选择器 $("ul>li"); 使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素 后代选择器 $("ul li"); 使用空格，代表后代选择器，获取...($('.list li:first')); // 包含选择器 var $div = $('div:contains("laoma")'); // 如果选择器返回的是多个元素的时候
，如果多次触发，就造成多个动画或者效果排队执行。）...//1. events: 一个或多个用空格分隔的事件类型，如"click"或"mouseover" 。 //2. selector: 元素的子元素选择器。...element.on(events,[selector],fn); 当on()绑定多个事件： $(“div”).on({ mouseover: function(){}, //事件1 mouseout...当只想让事件触发一次，就会用到解绑事件。....trigger("事件") // $("div").trigger("click");会触发元素的默认行为 // 方法三： 元素.triggerHandler("事件") 就是不会触发元素的默认行为
1. jQuery选择器 - 选择器都是以 $() 开头的 基础选择器 选择器 描述 id选择器 指定id元素 class选择器 遍历css类元素 element元素 遍历HTML元素 *选择器 遍历所有元素...返回值 keydown 在键盘上按下某键时触发，一直按一直触发 返回键盘代码 keypress 在键盘上按下一个能产生字符的按键时触发 返回ASCII码 keyup 松开某一键时触发 返回键盘代码...jQuery的事件处理 1. jQuery常用的事件方法 鼠标操作事件 方法 描述 mousedown() 鼠标的键被按下 mouseenter() 当鼠标指针进入目标时 mouseleave() 当鼠标指针离开目标时...切换与触发事件 切换事件 有两个方法用于事件的切换，一个是hover，一个是toggle 当需要设置鼠标悬停和鼠标移除的事件中进行切换时，使用K方法: <script type="text/javascript...trigger(type,[data])函数式<em>jQuery</em>提供的事件<em>触发</em>器之一，其作用是对页面上所有匹配的元素<em>触发</em>某一<em>类</em>型的事件。
jQuery框架，简介，优势，安装，语法，jQuery选择器，id选择器，类选择器，标记选择器，属性选择器，位置选择器，后代选择器，子代选择器，选择器对象，选择器对象遍历，页面初始化，jQuery的dom...就是说它非常请求，大小在30kb左右；具有强大的选择器和dom操作的封装，可靠的事件处理机制，有完善的ajax，jquery将所有的ajax操作封装到函数``$.ajax()`中；具有丰富的插件，完善的文档...keypress()当键盘或按钮被按下时，发生keypress事件。 表单事件 当提交表单时，会发生submit事件。...change()当元素的值发生改变时，会发生change事件，focus()当元素获得焦点时，触发focus事件。blur()当元素失去焦点时触发。...resize()当调整浏览器窗口的大小时，会触发resize事件。
’*"’) 匹配所有元素 类选择器 $(".class") 获取同一类class的元素 标签选择器 $(“div”) 获取同一类标签的所有元素 并集选择器 $(“div,p,li”) 选取多个元素 交集选择器...$s(“Ii.current”) 交集元素 2.1.2 层级选择器 名称 用法 描述 子代选择器 $(“ul>li”); 使用>号，获取亲儿子层级的元素;注意，并不会获取孙子层级的元素 后代选择器...注意： 动画或者效果一旦触发就会执行，如果多次触发，就造成多个动画或者效果排队执行。...中有hover()事件，功能类似于css中的hover hover(function,function) 传入2个参数，第一个参数是鼠标移入是触发的函数，第二个是鼠标移出时触发的函数 只写一个参数时...$("div").trigger("click"); //不会触发默认行为，比如自动获取焦点 $("input").triggerHandler("focus");//不会获取焦点 6.1 jQuery
jQuery 类选择器可以通过指定的 class 查找元素。...选取单选按钮 点击元素 在事件中经常使用术语”触发”（或”激发”）例如： “当您按下按键时触发 keypress 事件”。...该事件方法在 jQuery 语法 章节中已经提到过。 click() click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。...在下面的实例中，当点击事件在某个 元素上触发时，隐藏当前的 元素： $("p").click(function(){ $(this).hide(); }); dblclick() 当双击元素时...() 方法添加多个类 jQuery removeClass() 移除指定元素的类 jQuery toggleClass() 在选取的元素切换（添加/删除）类 实例解析 jQuery css() 方法
具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop() 注意: 1.1类比attr操作的css操作: jQuery通过...jQuery在进行值获取时,只会返回第一个元素对应的值. 1.3 操作样式类名(jQuery获取并设置 CSS 类): $("#div1").addClass("divClass2") //为...dblclick() 鼠标双击 当单击元素时,发生click事件....,当必须是它的内部元素span才能触发这个事件,支持动态绑定. on注册事件的语法: 第一个参数:events,绑定事件的名称可以是由空格分隔的多个事件(标准事件或自定义事件) 第二个参数:selector...swipeDown 当元素被划过时触发.
单属性分为访问和修改两种。...js的选择器都可以用，而且还有更多的选择器 eq equal 选中下标等于某个数字的标签（两种写法，可以看下面的代码块） 选择器转移（选择集转移）：.next() .prev() .nextAll...***添加类删除类 .addClass()添加类 .removeClass()删除类 删除了class=“xx”中的类名xx，而不会删除class。删除完之后是class。...class中可以添加多个类。 class=“aa bb cc”如果括号里面不填类名，会删除所有类名，如果填了类名，就删除指定的类名。 toggleClass() <!...） mouseout()鼠标离开（离开子元素也触发） mouseenter()鼠标进入（进入子元素不触发） mouseleave()鼠标离开（离开子元素不触发） 上面的这些鼠标移入和离开，触发和不触发指的是不再次触发父级
为开发插件提拱了两个方法，分别是： jQuery.extend(object) 为扩展jQuery类本身.为类添加新的方法。...b指向"bar" } ).trigger("click", ["foo", "bar"]); toggle( fn, fn ) 如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数...再也不会被触发 foo hover( over, out ) over,out都是方法, 当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。...这是一个Ajax事件 当AJAX请求成功完成时，显示信息。...Selectors选择器方法说明 基本选择器 $("#myDiv") 匹配唯一的具有此id值的元素 $("div") 匹配指定名称的所有元素 $(".myClass") 匹配具有此class样式值的所有元素
在jQuery中，可以获取同一类名的多个HTML元素，编写方式同CSS，即在类名的前面加上点号。...触发 focus 事件 $("input[type=text]").blur() //节点失去焦点时,触发 blur事件 $("button").mousedown()//当按下鼠标时触发事件 $("button...$("p").mouseout() //当鼠标指针从节点上移开时触发事件 $(window).keydown() //当键盘或按钮被按下时触发事件 $(window).keypress() //当键盘或按钮被按下时触发事件...,每输入一个字符都触发一次 $("input").keyup() //当按钮被松开时触发事件 $(window).scroll() //当用户滚动时触发事件 $(window).resize() //当调整浏览器窗口的大小时触发事件...$("input[type='text']").change() //当节点的值发生改变时触发事件 $("input").select() //当input 节点中的文本被选择时触发事件 $("form
01 - jQuery 学习目标： 能够说出什么是 jQuery 能够说出 jQuery 的优点 能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别 能够写出常用的...jQuery 出现的目的是加快前端人员的开发速度，我们可以非常方便的调用和使用它，从而提高开发效率。 ? 1.1.3 jQuery的优点 轻量级。核心文件才几十kb，不会影响页面加载速度。...方法1: 操作 css 方法 jQuery 可以使用 css 方法来修改简单元素样式； 也可以操作类，修改多个样式。 ...，如果多次触发，就造成多个动画或者效果排队执行。...，如果多次触发，就造成多个动画或者效果排队执行。
JavaScript 是面向对象的语言，但 JavaScript 不使用类。 在 JavaScript 中，不会创建类，也不会通过类来创建对象（就像在其他面向对象的语言中那样）。...============================================ 18. jQuery能够绑定的事件主要包括： 鼠标事件 click: 鼠标单击时触发； dblclick：鼠标双击时触发...keydown：键盘按下时触发； keyup：键盘松开时触发； keypress：按一次键后触发。...其他事件 focus：当DOM获得焦点时触发； blur：当DOM失去焦点时触发； change：当、或的内容改变时触发； submit：当...提交时触发； ready：当页面被载入并且DOM树完成初始化后触发。
选择器: 所有选择器 * 标签选择器 标签名 ID选择器 #id 类选择器 .className 群组选择器 .one,....two 多个选择器使用逗号分隔，取并集 复合选择器 .one.two 多个选择器组合使用，取交集 $(document) //选择整个文档对象 $('#myId'...replaceAll(target); 用集合的匹配元素替换每个目标元素。颠倒了replaceWith()操作效果。...按键按下 keyup() 按键抬起 keydown() 按键按下 表单时间: focus() 聚焦事件 blur() 失去焦点事件 change() 当元素的值发生改变时激发的事件...select() 当textarea或文本类型的input元素中的文本被选择时触发的事件 submit() 表单提交事件，绑定在form上 方法: html()
对象，jquery 对象时jQuery 独有的，不能调用dom 对象里面的属性和方法，jQuery 对象是一个数组。...jQuery 对象与dom 对象时可以相互转换的，转换之后它们就可以相互调用了 jQuery 选择器 注意，如果获取到多个元素将是一个数组，可以直接用数组的属性方法，比如 length 当前元素： 1...中事件方法的一些例子： Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时） $(selector).click(function...ready() 文档就绪事件（当 HTML 文档就绪可用时） resize() 触发、或将函数绑定到指定元素的 resize 事件 scroll() 触发、或将函数绑定到指定元素的 scroll 事件...select() 触发、或将函数绑定到指定元素的 select 事件 submit() 触发、或将函数绑定到指定元素的 submit 事件 toggle() 绑定两个或多个事件处理器函数，当发生轮流的
toggle() 绑定两个或多个事件处理器函数，当发生轮流的 click 事件时执行。....ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。...jQuery.ajaxSetup() 设置将来的 Ajax 请求的默认值。 .ajaxStart() 当首个 Ajax 请求完成开始时注册要调用的处理程序。....ajaxStop() 当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。....ajaxSuccess() 当 Ajax 请求成功完成时显示一条消息。 jQuery.get() 使用 HTTP GET 请求从服务器加载数据。
$或者 JQuery 是一个函数，返回值是一个 JQuery 类数组对象 (2)....即使没有查找到需要的元素，JQuery 类数组对象也不会是 null/undefined，调用 JQuery 函数不会报错 (3)....JQuery 的选择器语法支持所有的 CSS 选择器语法，并屏蔽了浏览器兼容性，同时还扩展了一些新的选择器语法 8. 基本选择器 — 重点 (1). #id (2)....面试题：在操作元素的相关属性时，使用 attr()、val()、prop()、data()有何区别？...fn); 动画排队：执行完一个动画后，再执行另一个 动画并发：同时执行多个属性的动画效果 34. animate({ })可以对哪些 CSS 属性执行动画？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
