首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    WEB入门之十四 jQuery事件

    表5-1-1 jQuery事件 ​jQuery事件​ ​说明​ ready( fn ) 页面加载完毕时发生的事件 blur( [ [data] , fn ] ) 元素失去焦点时发生的事件 change(...focus( [ [data] , fn ] ) 元素获得焦点是发生的事件 keydown( [ [data] , fn ] ) 按下键盘时发生的事件 keyup( [ [data] , fn ] )...表5-1-4 焦点相关事件 ​焦点相关事件​ ​说明​ blur( [ [data] , fn ] ) 元素失去焦点时发生的事件 focus( [ [data] , fn ] ) 元素获得焦点时发生的事件...> 上述代码通过以前的普通方式给文本框分别绑定了失去焦点和获得焦点的事件,并在事件中改变了文本框的背景色 示例5.15 jQuery还提供了更高级的合成事件、事件绑定等,这些会给编程带来更大的便利和功能的增强。 ​

    12910

    WEB入门之十四 jQuery事件

    表5-1-1 jQuery事件 jQuery事件 说明 ready( fn ) 页面加载完毕时发生的事件 blur( [ [data] , fn ] ) 元素失去焦点时发生的事件 change( [ [...focus( [ [data] , fn ] ) 元素获得焦点是发生的事件 keydown( [ [data] , fn ] ) 按下键盘时发生的事件 keyup( [ [data] , fn ] )...表5-1-4 焦点相关事件 焦点相关事件 说明 blur( [ [data] , fn ] ) 元素失去焦点时发生的事件 focus( [ [data] , fn ] ) 元素获得焦点时发生的事件 下面我们通过一个示例来演示...style.backgroundColor="white";}) 上述代码通过以前的普通方式给文本框分别绑定了失去焦点和获得焦点的事件,并在事件中改变了文本框的背景色 示例5.15 <...任务实训部分 1:实现简易计算器 训练技能点 jQuery单击事件 需求说明 使用jQuery事件实现计算器功能。

    8210

    【转】jQuery验证控件jquery.validate.js使用说明+中文API

    wrapper:String 用什么标签再把上边的errorELement包起来 一般这三个属性同时使用,实现在一个容器内显示所有错误提示的功能,并且没有信息时自动隐藏 errorContainer:...,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点 focusCleanup:Boolean  Default: false 如果是true那么当未通过验证的元素获得焦点时,...$(".selector").validate({ onsubmit:false }) onfocusout Boolean 默认:true 是否在获取焦点时验证...selector").validate({    onclick:false }) focusInvalid Boolean 默认:true 提交表单后,未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单...)会获得焦点 $(".selector").validate({    focusInvalid:false }) focusCleanup Boolean 默认:false 当未通过验证的元素获得焦点时

    4.7K40

    前端JQuery标准教案

    第一章:认识JQuery 第一阶段:jQuery的基本操作 简介JQuery的由来,以及相类似的其他JavaScript框架(5分钟) 讲解需要的JavaScript包版本以及导入(2分钟) 讲解JQuery...讲解JQuery对象和JavaScript对象的区别,一定要讲明白JQuery就是JavaScript的数组包装,讲解两者的转换方法 数组下标[index]和get(index)方法。...td.append(input);//添加子元素 input.trigger(“focus”).trigger(“select”);//让文本框获得焦点并选中,防止出现连续点击不同的单元格时...,不能触发失去焦点事件。...5)如果连续点击不同的单元格则会出现连续两个或三个可编辑的单元格,解决这个问题需要确保新添加的文本框获得焦点 总结本示例学过的知识点: ( ) 选择器、 � � ( ) 事件绑定、 ()选择器、on()

    6210

    JQuery 入门学习(二)

    中从0开始,css中从1开始) $("p:eq(1)") (第二个p元素) p:nth-child(2) {} 选择tr元素下的第二个td元素 $("tr td:eq(1)...") td>td>td>td> tr td:nth-child(2) {} 选择所有带有某属性的元素 $("[name='user']") Jquery中常用的事件及其绑定函数:         click 鼠标点击事件 (最常用,当鼠标点击某对象时触发此函数)         change 对象被改变(如input框中写入...、修改、删除文字时触发此事件)         focus 对象获得焦点(如光标进入textarea框触发此事件)         blur 对象失去焦点(与focus事件相对)        ...() $("table").attr("width","500"); 将所有table元素的属性设置为宽度等于500px val() var pass = $(":password").val(); 获得密码框中的值

    1.3K10

    day40_jQuery学习笔记_01

    、使用Ajax以及其他功能 jQuery能够使用户的html页面保持代码和html内容分离 不用再在html里面插入一堆js来调用命令了,只需要定义id即可 jQuery提供API让开发者编写插件,有许多成熟的插件可供选择...文档说明很全 二、jQuery 的基本语法 2.1、jQuery语法:获得jQuery对象 1-获得jQuery对象.html <!...            }).focus(function() {                 // 获得焦点的代码             });               */             ...defaultValue属性 的默认值                 var dv = $(this).attr("defaultValue");                 // 2、判断是否获得焦点...                if ($(this).is(":focus")) {                     // 2.1 、获得焦点,如果获得value属性的值是默认值 ,就清空value

    6.6K20

    WEB入门之十五 属性和样式

    版本新增的函数,prop除了具备attr函数的功能外,还增强了对可简写的属性的支持。...我们同样也可以使用jQuery中的attr函数对可简写的属性进行操作,但是在使用attr函数对可简写的属性进行设置操作时没有问题,进行取值操作时会出现问题,例如下面的代码。...这是因为在使用attr函数获得checked属性的值时,如果复选框处于选中状态,则获得true;如果复选框处于未选中状态,则获得undefined,并非false。.../失去焦点时背景色改变的样式,鼠标悬浮/离开时边框颜色改变的样式 如果要使用css函数同时操作多个样式属性,那么可以参考示例6.5中的代码,语法归结如下所示:jQuery元素 . css ( { "属性名...下面通过一个示例来演示support的功能,参考代码如下所示。

    6010

    WEB入门之十五 属性和样式

    版本新增的函数,prop除了具备attr函数的功能外,还增强了对可简写的属性的支持。...我们同样也可以使用jQuery中的attr函数对可简写的属性进行操作,但是在使用attr函数对可简写的属性进行设置操作时没有问题,进行取值操作时会出现问题,例如下面的代码。...这是因为在使用attr函数获得checked属性的值时,如果复选框处于选中状态,则获得true;如果复选框处于未选中状态,则获得undefined,并非false。.../失去焦点时背景色改变的样式,鼠标悬浮/离开时边框颜色改变的样式 如果要使用css函数同时操作多个样式属性,那么可以参考示例6.5中的代码,语法归结如下所示: jQuery元素 . css ( { "属性名...下面通过一个示例来演示support的功能,参考代码如下所示。

    9310

    Web-第四天 jQuery学习

    //实际开发中,我们习惯将标签编写在标签体内, //整个页面的解析时从上网下的,此时将不能获得对象...:animated 获得动画的 :focus 获得焦点 1.4.4 属性选择器 ? [属性名] 获得有属性名的元素。...JQ1.6新特性,获得一些第一次分配undefined属性值的标签时,如果抛异常,将忽略浏览器生成的任何错误。 removeProp() 移除标签的特性。...(1.8.3版本可用,其他高版本不可用) 第9章 表单校验 9.1 案例介绍 在学习JavaScript时,我们手动的完成过表单数据的校验,此功能在开发中非常常见,属于通用功能范畴,实际开发一般使用都是第三方工具...基础入门案例扩展--校验 第12章 表单校验加强 12.1 案例介绍 在学习JavaScript时,我们手动的完成过表单数据的校验,此功能在开发中非常常见,属于通用功能范畴,实际开发一般使用都是第三方工具

    3.5K40
    领券