jquery事件

jQuery禁用/启用提交按钮

由 試著忘記壹切 提交于 2019-12-19 23:41:15
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我有这个HTML： <input type="text" name="textField" /> <input type="submit" value="send" /> 我该如何做这样的事情： 当文本字段为空时，应禁用提交（disabled =“ disabled”）。 在文本字段中键入内容以删除禁用的属性时。 如果文本字段再次变为空（删除了文本），则应再次禁用提交按钮。 我尝试过这样的事情： $(document).ready(function(){ $('input[type="submit"]').attr('disabled','disabled'); $('input[type="text"]').change(function(){ if($(this).val != ''){ $('input[type="submit"]').removeAttr('disabled'); } }); }); …但这不起作用。 有任何想法吗？ #1楼 这是 文件输入字段 的解决方案。 要在未选择文件时禁用文件字段的提交按钮，然后在用户选择要上传的文件后启用： $(document).ready(function(){ $("#submitButtonId").attr("disabled", "disabled

jquery与ajax的应用

由 不打扰是莪最后的温柔 提交于 2019-12-19 10:34:44
ajax的不足 1. 各个浏览器 对XMLHttpRequest对象的支持度不足(兼容性问题) 2. 破坏浏览器的前进,后退功能。 3. 对搜索引擎支持不足。 4. 调试工具支持不足。 XMLHttpRequest对象的属性和方法 1.readyState属性 状态：0 代表未初始化。 1 代表 准备发送。 2 已发送但还没收到响应 3 正在接收 4 接收完成 2.responseText属性 包含客户端接收到的HTTP响应的文本内容。 当readyState= 4时， responseText才包含完整的响应信息。 当readyState= 3时， responseText包含未完整的响应信息。 当readyState< 3时， responseText为空字符串。 3.responseXML属性 当readyState= 4,并且响应头部的Content-Type的MIME类型为XML(text/xml或application/xml)时, 该属性有值并且被解析成一个XML文档。 其它情况为null,包括回传的XML文档不良或未完成响应回传。 4.status及statusText属性（描述http状态代码,及代码文本） 当readyState>2 ,才能访问，否则出现异常。 5.onreadystatechange事件 当readyState 属性发生变化时触发此事件

jQuery总结

由 心不动则不痛 提交于 2019-12-19 02:27:19
jQuery是目前世界上使用最广泛的JavaScript函数库。 jQuery引入： <script type="text/javascript" src="js/jquery-1.12.2.js"></script> jQuery加载： 　　　　　　jQuery提供的ready方法与原生的window.onload更快。 　　第一种方式： <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 　　第二种方式： <script type="text/javascript"> $(function(){ ...... }); </script> jQuery选择器：********** 　　jQuery选择器选择规则和css样式相同 1 $(document) //选择整个文档对象 2 $('li') //选择所有的li元素 3 $('#myId') //选择id为myId的网页元素 4 $('.myClass') // 选择class为myClass的元素 5 $('input[name=first]') // 选择name属性等于first的input元素 6 $('#ul1 li span') //选择id为为ul1元素下的所有li下的span元素

浅谈jquery之on()绑定事件和off()解除绑定事件

由 孤街醉人 提交于 2019-12-19 01:38:39
off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。 off()函数主要用于解除由on()函数绑定的事件处理函数。 该函数属于jQuery对象(实例)。 语法 jQuery 1.7 新增该函数。其主要有以下两种形式的用法： 用法一： jQueryObject.off( [ events [, selector ] [, handler ] ] ) 用法二： jQueryObject.off( eventsMap [, selector ] ) 参数 参数 描述 events 可选/String类型一个或多个用空格分隔的事件类型和可选的命名空间，例如"click"、"focus click"、"keydown.myPlugin"。 eventsMap Object类型一个Object对象，其每个属性对应事件类型和可选的命名空间(参数 events )，属性值对应绑定的事件处理函数(参数 handler )。 selector 可选/String类型一个jQuery选择器，用于指定哪些后代元素可以触发绑定的事件。如果该参数为 null 或被省略，则表示当前元素自身绑定事件(实际触发者也可能是后代元素，只要事件流能到达当前元素即可)。 handler 可选/Function类型指定的事件处理函数。 off(

jQuery事件--keypress([[data],fn])和trigger(type,[data])

由 痴心易碎 提交于 2019-12-19 00:59:27
keypress([[data],fn]) 概述 当键盘或按钮被按下时，发生 keypress 事件 keypress 事件与 keydown 事件类似。当按钮被按下时，会发生该事件。它发生在当前获得焦点的元素上。 不过，与 keydown 事件不同， 每插入一个字符，就会发生 keypress 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生 参数 fn 在每一个匹配元素的keypress事件中绑定的处理函数 [data],fn data:keypress([Data], fn) 可传入data供函数fn处理；fn:在每一个匹配元素的keypress事件中绑定的处理函数 trigger(type,[data]) 概述 在每一个匹配的元素上触发某类事件 参数 type,[data] type:一个事件对象或者要触发的事件类型；data:传递给事件处理函数的附加参数 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script> <script type="text/javascript"> $(document).ready(function

jQuery入门[1]－构造函数

由 蓝咒 提交于 2019-12-19 00:17:30
jQuery入门[1]－构造函数 jQuery入门[2]－选择器 jQuery入门[3]－事件 jQuery入门[4]－链式代码 jQuery入门[5]－AJAX jQuery入门[6]－动画 JQuery 优点 ◦体积小（v1.2.3 15kb） ◦丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器（IE6,FF,Safari,Opera） ◦链式代码 ◦强大的事件、样式支持 ◦强大的AJAX功能 ◦易于扩展，插件丰富 jQuery的构造函数接收四种类型的参数： jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式（ID，DOM元素名，CSS表达式，XPath表达式）找出文档中的元素，并组装成一个jQuery对象返回。 DEMO: <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < title > jQuery basic </ title > < style

jQuery的blur()方法怎么用？

由 心已入冬 提交于 2019-12-18 19:20:10
blur()是jquery中的一个内置方法，用于从所选元素中移除焦点。此方法启动blur事件，或者可以附加一个函数，以便在发生blur事件时运行。 原文地址： jQuery的blur()方法怎么用？ blur()方法触发 blur 事件，或者如果设置了 function 参数，该方法也可规定当发生 blur 事件时执行的代码。 语法： $(selector).blur(function) 参数： 它接受可选参数“function”。 返回值： 它不返回任何内容，只触发所选元素上的blur事件。 示例1： 没有函数传递给blur()方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> 输入值：<input type="text"> <br> <br> <button id="btn">开始blur事件！！！</button> <p style="color:green"></p> <script src= "https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $(document).ready(function() { $("#btn").click(function() { $("input").blur(); $("p

jQuery中事件绑定与解绑

由 痞子三分冷 提交于 2019-12-18 15:00:19
=======================绑定事件=========================== jQuery中事件绑定有4中方式, bind方法和delegate内部是调用的on方法来绑定，推荐使用on() 1、对象.事件类型(事件处理函数)===============================$("#btn").click(function(){}); $("#btn").click(function(){}).mouseenter(function(){});//链式编程 2、对象.bind("事件类型",事件处理函数)==========================$("#btn").bind("click",function(){}); 1 $("#btn").bind({"click":function(){ 2 alert("hello"); 3 },"mouseenter":function(){ 4 $(this).css("background-color","red"); 5 }});//用bind绑定多个相同事件的时候，若使用的是键值对，则只能执行最后一个事件 3、父级对象.delegate("子级元素","事件类型",事件处理函数)==========$("#div").delegate(“p”,"click",function()

jQuery绑定事件的四种方式区别

由 时光总嘲笑我的痴心妄想 提交于 2019-12-17 11:09:44
jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。在开始看他们之前 一：bind(type,[data],function(eventObject)) bind是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数，参数的含义如下： type:事件类型，如click、change、mouseover等; data:传入监听函数的参数，通过event.data取到。可选; function:监听函数，可传入event对象，这里的event是jQuery封装的event对象，与原生的event对象有区别，使用时需要注意 bind的源码： 1 2 3 4 5 6 7 bind: function ( types, data, fn ) { return this .on( types, null , data, fn ); } $( '#myol li' ).bind( 'click' ,getHtml); bind的特点就是会把监听器绑定到目标元素上，有一个绑一个，在页面上的元素不会动态添加的时候使用它没什么问题。但如果列表中动态增加一个“列表元素5”，点击它是没有反应的，必须再bind一次才行。要想不这么麻烦，我们可以使用live。

jQuery之事件触发trigger

由 回眸只為那壹抹淺笑 提交于 2019-12-17 11:01:36
这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个'submit'，则同样会导致浏览器提交表单。如果要阻止这种默认行为，应返回false。 <script type="text/javascript"> $(function(){ $('#btn').bind("click", function(){ $('#test').append("<p>我的绑定函数1</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数2</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数3</p>"); }); $('#btn').trigger("click"); }) </script> 这里面会自动触发一次click事件。也就是页面加载后，就会自动触发一次。 <script type="text/javascript"> $(function(){ $('#btn').bind("myClick", function(){ $('#test').append("<p>我的自定义事件.</p>"); }); $('#btn').click(function(){ $(this).trigger("myClick");
订阅 jquery事件