文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

与Ajax同样重要的jQuery（1）

.js jQuery框架源码，没有被精简，体积较大 （主要用来研究 jQuery源码），企业开发时，需要导入 jquery-1.8.3.min.js （精简过） 1.jQuery程序快速入门 window.onload...背景黄色，不执行动画div背景绿色 不执行动画div背景绿色 // 无法选中正在执行动画的元素 $("div:not(:animated)").css("background-color","green"); $("div")....div> div> fadeOut(speed, [callback]) 概述 通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。...⑨：表单对象属性过滤选择器 选取表单元素属性的过滤选择器 :enabled 选取所有可用元素 :disabled 选取所有不可用元素 :checked 选取所有被选中的元素，如单选框、复选框 :selected

11.5K60

JavaScript学习笔记（四）—— jQuery入门

可见性伪类选择器，就是根据元素的“可见”和“不可见”这两种状态来选取元素： 选择器 说明 :hidden 选取有不可见的元素 :visible 选取可见元素 display:none type=“hidden...根据元素中的文字内容或所包含的子元素特征来选择元素 选择器 说明 :contains(text) 选择包含给定文本内容的元素 :has(selector) 选择包含选择器所匹配元素的元素 :empty 选择所有不包含子元素或者不包含文本的元素...jQuery的事件处理 1. jQuery常用的事件方法 鼠标操作事件 方法 描述 mousedown() 鼠标的键被按下 mouseenter() 当鼠标指针进入目标时 mouseleave()...切换与触发事件 切换事件 有两个方法用于事件的切换，一个是hover，一个是toggle 当需要设置鼠标悬停和鼠标移除的事件中进行切换时，使用K方法: jQuery提供的事件触发器之一，其作用是对页面上所有匹配的元素触发某一类型的事件。

12.4K50
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    jQuery

    :contains('Runob')") // 包含 Runob文本的元素 $("td:empty") //不包含子元素或者文本的空元素 $("div:has(selector...//匹配所有不可见元素，或type为hidden的元素 $("li:visible") //匹配所有可见元素 3.4属性过滤选择器 $("div[id]") //所有含有 id...']") //多属性选过滤，同时满足两个属性的条件的元素 3.5状态过滤选择器 $("input:enabled") // 匹配可用的 input $("input:disabled") //...鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter keyup focus...删除元素/内容 remove() - 删除被选元素（及其子元素） remove() 中添加参数，删除时对该元素进行过滤 empty() - 从被选元素中删除子元素 jQuery 操作 CSS addClass

    5.3K10

    Jump Start Bootstrap 第4章

    下拉插件的默认状态是关闭的；然而你刷新页面后它将切换状态并使菜单可见。...Bootstrap为下拉插件提供了一些附加事件,它们是： show.bs.dropdown: 这个事件在句柄被单击时触发;下拉句柄收到请求去显示隐藏菜单； shown.bs.dropdown: 这个事件在菜单被显示时触发...让我展示一个如何使用这些事件的例子。我已经写了下面的JQuery代码片段去监听所有的下拉插件状态，并打印每个事件触发时的状态。 事件中向服务器发出Ajax请求，并在显示之前填充下拉菜单。...添加data-dismiss使按钮在单击时关闭模式对话框。 对于本体，我们需要一个包含类modal-body的div>元素。您可以将几乎任何内容放到该元素中。

    35K40

    jQuery学习笔记之概念（1）

    .事件 6.jQuery的Ajax ———————————————————————————————————————————————— 前言:当前流行的JavaScript库有：...jQuery凭借着简介的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM。处理事件执行动画和开发ajax的操作。...（js里面的函数都是基于事件驱动） 5.完善的Ajax（浏览器给我提供了一个对象叫做XMLHttpRequest，我们可以使用这个对象来发送http请求，完成异步交互） 6.不污染顶级变量...value=" 选取所有不可见的元素, 利用 jQuery 中的 show() 方法将它们显示出来" id="b2"/> 下一篇 4.DOM操作 5.事件 6.jQuery的Ajax

    2.9K20

    Web阶段：第五章：JQuery库

    div> div>div> div id="div03">div> 可见性过滤选择器 :hidden 所有隐藏的元素 :visible 所有可见元素 案例...:visible").css("background", "#bbffaa"); }); //2.选择所有不可见的 div 元素 //不可见：display属性设置为none，或...// 删除点击所在行 // 不希望跳转怎么办？...，（单位是毫秒） 第二个参数是 动画执行完成时的回调函数 hide() 隐藏可见的元素 第一个参数是 动画执行的时候，（单位是毫秒） 第二个参数是 动画执行完成时的回调函数 toggle() 可见就隐藏...，隐藏状态就显示 第一个参数是 动画执行的时候，（单位是毫秒） 第二个参数是 动画执行完成时的回调函数 淡入淡出动画 fadeIn() 淡入 让隐藏可见 fadeOut() 淡出 让可见消失 fadeTo

    28.8K20

    jQuery里面的动画

    jQuery里面的事件 一、基本动画 二、滑动动画 三、淡入淡出动画 四、自定义动画 五、获取动画队列 参数说明 参数 说明 speed 三种预定速度之一的字符串(“slow”,“normal”, or...“fast”)或表示动画时长的毫秒数值(如：1000) easing (Optional) 用来指定切换效果，默认是"swing"，可用参数"linear" fn 在动画完成时执行的函数，每个元素执行一次...easing 用来指定切换效果，默认是"swing"，可用参数"linear" fn 在动画完成时执行的函数，每个元素执行一次 out 当鼠标移到元素上或移出元素时触发执行的事件函数 over 鼠标移到元素上要触发的函数...> div class="box" style=" width: 100px;height: 200px;background-color: red;">div> 一、基本动画 方法 概述 show...hide([s,[e],[fn]]) 隐藏显示的元素 toggle([s],[e],[fn]) 如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

    2.2K20

    04-老马jQuery教程-DOM节点操作及位置和大小

    props:用于附加到新创建元素上的属性、事件和方法 返回值：返回新创建标签的jQuery包装对象 // jq的 appendTo，类似DOM的appendTo方法 $("div>Hello时无法使用这个函数。因此，如果要添加文本应该在包裹完成之后再行添加。...Even:一个布尔值（true 或者 false）指示事件处理函数是否会被复制。 deepEven:一个布尔值，指示是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制。...此方法对可见和隐藏元素均有效。 参数： optionsBoolean默认值:'false'，设置为 true 时，计算边距在内。 示例 可见和隐藏元素均有效。 参数:optionsBoolean默认值:'false',设置为 true 时，计算边距在内。 示例 获取第一段落外部宽度。

    3K90

    杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

    事件,而不触发 和元素上的 click事件.当单击 元素时,只触发 元素上的click事件, 而不触发元素上的click事件....}) 当单击span元素时,只会触发span元素上的click事件,而不会触发 div元素和body元素的click事件....jquery对其进行了封装,使之能兼容各大浏览器 (3)event.stopPropagation()方法 阻止事件的冒泡.js真符合W3C规范的stopPropagation()方法在IE浏览器中无效....jquery 对其进行了封装,使之能兼容各大浏览器 (4) event.target()方法 event.target()方法的作用是获取到触发事件的元素.jquery对其封装后，避免了 W3C,IE...•easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear" •fn:在动画完成时执行的函数，每个元素执行一次。

    10.2K20

    JQuery笔记

    JQuery事件 click() 点击事件 dblclick() 当双击元素时，会发生 dblclick 事件 mouseenter() 当鼠标指针穿过元素时，会发生 mouseenter 事件 mouseleave...() 当鼠标指针离开元素时，会发生 mouseleave 事件 mousedown() 当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件 mouseup() 当在元素上松开鼠标按钮时...，会发生 mouseup 事件 hover() 方法用于模拟光标悬停事件 focus() 当元素获得焦点时，发生 focus 事件 blur() 当元素失去焦点时，发生 blur 事件 JQuery 效果...不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回 not() 方法返回不匹配标准的所有元素 AJAX load方法 load() 方法从服务器加载数据，并把返回的数据放入被选元素中 语法...其他 noConflict() 方法会释放对 标识符的控制，这样其他脚本就可以使用它了.noConflict(); jQuery(document).ready(function(){ jQuery

    6.9K20

    前端架构师之01_JQuery

    为了方便开发，jQuery中还提供了可见或隐藏元素的获取。...当指定元素的display设置为block时，可以通过“:visible”获取可见的元素。 2.2.6 属性选择器 根据元素的属性获取指定元素的方式。...,function]) 当鼠标移入对象时触发 鼠标事件 mouseout([[data],function]) 在鼠标从元素上离开时触发 鼠标事件 click([[data],function]) 当单击元素时触发...块的移动 // 事件对象.which：获取当前按下键盘的对应码值keyCode // 通过offset()获取当前按下键盘时div元素的位置（left和top值） // 根据码值修改div元素位置（ left...请求发送前触发的事件执行函数 Ajax事件 ajaxStart(fn) Ajax请求开始时触发的事件执行函数 Ajax事件 ajaxStop(fn) Ajax请求结束时触发的事件执行函数 Ajax事件

    3.1K00

    javaWeb核心技术第五篇之jQuery

    jquery对象, 使用js的方式获取的对象称为dom(js)对象, 两者的方法和属性不能混用, 使用jquery的方法和属性时,必须保证对象是jquery对象...- 方式1:jQuery对象[index] - 方式2:jQuery对象.get(index) - 事件(event) "在js的事件中,事件前加on,在jq的事件中通常没有on,直接写名称即可...- submit - focus - blur - jquery事件和事件源的绑定 "要保证页面加载成功后,才能使用jq的事件" - jquery对象.事件名称...- [属性名='值']:有指定属性和值的元素 - 表单对象属性★ - :enabled 可用的 - :disabled 不可用的 - :checked..."); //8 两者获取值的区别 //html在获取时,原样获取(不会解析任何标签) // alert($("div").html()); //text在获取时

    9K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券