jquery 学习笔记
来源:互联网 发布:数据恢复高级技术 编辑:程序博客网 时间:2024/05/22 14:42
$("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>
阅读全文
0 0
- 【学习笔记】JQuery学习笔记
- jQuery 学习笔记 + jQuery-UI 学习笔记
- 【jQuery 学习笔记】初识jQuery
- jQuery 学习笔记------jQuery选择器
- jquery学习笔记----初识jquery
- jQuery学习笔记--jQuery Ajax
- jquery学习笔记
- jquery选择器学习笔记
- jQuery学习笔记
- 【jquery】学习笔记
- jQuery学习笔记
- jquery学习笔记
- jquery 学习笔记
- JQuery学习笔记
- Jquery学习笔记
- JQuery学习笔记
- jQuery学习笔记
- jquery学习笔记(二)
- 剑指offer:对称二叉树
- Pandas读取csv文件Error总结
- 解题报告:HDU_5663 Hillan and the girl 莫比乌斯反演
- brew使用
- 【JavaScript】闭包
- jquery 学习笔记
- 微信小程序项目实践 项目范围及开发计划
- Eclipse的一些常用的快捷键
- 【POJ2828】Buy Tickets
- 计算机网络--数据链路层
- ubuntu配置 shadowsocks客户端
- Day12
- idea拉公司项目被拒绝解决办法
- linux C之access的函数