首页
学习
活动
专区
圈层
工具
发布

jQuery (二)

使用jQuery处理事件 事件处理 一个栗子,单击p时背景变成灰色 由于es6的箭头函数不支持this的绑定,所以无法使用箭头函数,只能使用匿名函数 html 单击处理程序 或者如下 // 单击一将会触发二上的事件 $('#button1').click((e) => {$('#button2').trigger('button2'...禁用动画 如果不需要动画,直接使用 jQuery.fx.off 直接设置其值为false即可实现动画的禁用。 简单动画 fadeIn(),fadeOut(), fadeTo()....{ // data将会是解析后的对象{x:1, y:2} }) jQuery.get jQuery.post jQuery.get('....error 指定ajax请求失败后的回调函数 complete 指定请求完成后的函数 钩子 async 指定同步 dataFileter 过滤或者预处理服务器返回的数据 ajax事件 ajax还会在请求的时候

11.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JQuery基础

    代码 });  这是为了防止文档在加载完成前执行jQuery代码,即在DOM加载完成后才可以对DOM进行操作。...='_blank']"):选取所有target不等于_blank的的元素 $(":button"):选取所有type=button的button和input元素 $("tr :even"):选取所有偶数位置的...常见DOM事件: 鼠标事件:click(单击元素),dbclick(双击元素),mouseenter(鼠标指针移入元素),mouseleave(鼠标指针移出元素)事件; 键盘事件:keypress(键被按下...),keydown(键按下的过程),keyup(键松开),事件;ps:keypress不会触发所有的键(如alt,ctrl,esc,shift),请使用keydown()方法检测 表单事件:submit...2.添加元素 append():在被选元素的末尾插入内容 preappend():在被选元素的开头插入内容 after():在被选元素之后插入内容 before():在被选元素之前插入内容 ps:append

    8K51

    jquery使按钮置灰不可用

    "disableButton">禁用按钮button>jQuery代码实现按钮置灰不可用接下来,我们使用jQuery来实现按钮置灰不可用的效果。...效果演示当您在浏览器中打开包含上述HTML和jQuery代码的页面时,点击“禁用按钮”按钮后,您会发现“点击我”按钮变灰且无法点击,实现了按钮置灰不可用的效果。...id="submitButton">提交button>button id="disableButton">禁用提交按钮button>jQuery代码实现按钮置灰不可用接下来,我们使用...特点:当元素被禁用时,其外观通常会发生改变,呈现灰色,并无法触发与鼠标或键盘相关的事件。被禁用的元素不会在表单提交时被包含在表单数据中,也不会被包含在表单中的序列化字符串中。...被禁用的元素仍然会占据页面空间,但不会响应用户的交互行为。4.

    6.2K10

    Selenium+JQuery定位方法及应用

    1 JQuery定位说明1.1 JQuery定位方法JQuery定位方法有两种:# 1、使用JQuery选择器来完成元素操作(直接获取对应的元素);# 2、使用JQuery遍历来选择元素(用于层级较为复杂的页面元素获取...).click():单击操作。...>登录button>选择器为:$(":button")时,显示两个按钮,其中第二个为登陆按钮:图片那么登陆按钮的选择器为:$(":button")[1]:图片1.3.4 完整代码# -*- coding...)所有 type="file" 的 元素:enabled$(":enabled")所有激活的 input 元素:disabled$(":disabled")所有禁用的 input 元素:...selected$(":selected") 所有被选取的 input 元素:checked $(":checked")所有被选中的 input 元素2.2 思考接之前的实例,登陆到禅道系统后,点击左边的

    1.6K40

    jQuery 简介

    页面中指定一个点击事件: $("p").click(); 下一步是定义了点击后触发事件。您可以通过一个事件函数实现: $("p").click(function(){ // 动作触发后执行的代码!!...}); 常用的 jQuery 事件方法 $(document).ready() $(document).ready() 方法允许我们在文档完全加载完后执行函数。...>修改 href 和 titlebutton> 点击按钮修改后,可以查看 href 和 title 是否变化。...() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 jQuery - 添加元素...不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。 如需学习更多有关 GET 和 POST 以及两方法差异的知识,请阅读我们的 HTTP 方法 - GET 对比 POST。

    2.3K10

    JQuery入门

    元素筛选方法----对选择器筛选后的方法,再次进行筛选 next筛选出来的是下一个紧邻元素,如果$("#one").next("span")那么下一个紧邻元素必须是span标签,否则查找不到 next...选出来的是兄弟元素,不会选出子元素 基本过滤器中的:eq(index)包含儿子和后代,而:nth--child()只会找儿子,不包括后代 Dom属性操作 注意:JS中attr和prop区别 Jquery...id="b1">使用原生Dom方法,改变颜色button> button id="b2">将Dom对象转化为jquery对象,改变颜色button> button id="b3">使用JQuery...对象,改变颜色button> button id="b4">将Jquery对象转化为dom对象,改变颜色button> ---- 选择器 多个属性选择器并排写...选择器的小总结 ---- 元素筛选方法----对选择器筛选后的方法,再次进行筛选 ---- jQuery选择器总结(选择器+元素筛选) jQuery选择元素的方法补充 ---- next筛选出来的是下一个紧邻元素

    6.1K20

    jQuery基础图文系列

    的入口函数是在html所有标签都加载后才执行,而JavaScript的window.onload事件是等到所有内容加载完后才执行。...::after 在被选元素的内容后面插入内容 ::selection 应用于文档中被用户高亮的部分 jQuery中的基本选择器:id选择器,类选择器,元素选择器,后代选择器,属性选择器。...("button").click(function(){ $("p").hide(1000); alert("段落现在被隐藏了"); }); jQuery 方法链接 $("#p1").css...prepend() 在被选元素的开头插入内容 after() 在被选元素之后插入内容 before() 在被选元素之前插入内容 remove() 删除被选元素(及其子元素) empty() 从被选元素中删除子元素...image.png 链接:https://www.jianshu.com/p/9506bf361756 jquery常用方法 当DOM加载完成后,执行其中的函数 $(document).ready(function

    5.7K10

    Jump Start Bootstrap 第4章

    要通过JQuery触发下拉插件,你需要使用方法dropdown(); $().dropdown('toggle'); 在页面加载后,我们可以使用这个方法把下拉插件的从关闭状态切换到开启状态。...下拉插件的默认状态是关闭的;然而你刷新页面后它将切换状态并使菜单可见。...当你点击按钮时,你会看到一个类似于插图效果的样式;在再次单击时,它返回到原来的样式,如图所示。data-toggle=”button”实现了这个切换功能。 ?...如果没有这个属性,在您第一次手动操作之前,幻灯片将不会自动更改。...当设置为“静态”时,当在模态主体外的任何地方点击时,模式对话框不会关闭。 keyboard属性用于启用或禁用键盘的escape键功能,当设置为false时,Esc键不会关闭模式对话框。

    35.8K40

    弹出层之2:JQuery.BlockUI

    JQuery.BlockUI是众多JQuery插件弹出层中的一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚的外表。...jQuery的BlockUI插件可以让你在使用AJAX时模拟同步行为,锁定浏览器(模式窗口)。当被激活时,它会防止用户活动的页面(或页面的一部分),直到它被禁用。...1、首先引入插件 jquery.min.js" type="text/javascript">     JQuery.BlockUI.min...;         });                   阻止页面的用户的活动,不会自动消失,请刷新: $.blockUI();             ...禁用如果你想防止车身高度的变化     allowBodyStretch: true,       //遮罩时是否禁用键盘和鼠标事件     bindEvents: true,        // be

    5.6K20
    领券