jquery 学习笔记
2017-07-31 18:55
211 查看
$("button").click(function(){ $(":text").val("Hello World"); });
二、$(function(){})
$(function(){}) 是 $(document).ready(function(){}) 的简写,用来在DOM加载完成之后执行一系列预先定义好的函数。
三、.focus() 方法
定义和用法
当元素获得焦点时,发生 focus 事件。当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); }); }); </script> </head> <body> Enter your name: <input type="text" /> <p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p> </body> </html>四、 .blur() 方法
定义和用法
当元素失去焦点时发生 blur 事件。blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); }); }); </script> </head> <body> Enter your name: <input type="text" /> <p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p> </body> </html>相关文章推荐
- jQuery-使用选择器注意事项 学习笔记十
- jQuery学习笔记(Ajax)
- Jquery学习笔记---闭包
- jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)
- jQuery学习笔记02
- jquery——学习笔记,简单认识jQuery
- JQuery学习笔记7:element属性控制
- jQuery学习笔记--丰富多彩的Pager Bar (底部 分页工具条) .
- jQuery源码研究分析学习笔记-jQuery.buildFragment()(六)
- Jquery 学习笔记(三)240多个jQuery插件
- jQuery学习笔记
- jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要) from:jpr1990
- jQuery学习笔记1--表格展开关系
- jquery学习笔记-1
- jQuery学习笔记01
- jquery基础知识学习笔记
- jQuery 学习笔记(二)——jQuery 选择器、jQuery事件
- [原]Java程序员的JavaScript学习笔记(7——jQuery基本机制)
- jQuery入门级学习笔记及源码,很好很强大的jQuery
- jQuery学习笔记之jQuery构建函数的7种方法