jQuery日常使用1
2015-08-06 13:47
645 查看
jQuery 是 javascript 的一个类库
jQuery ajax 异步请求,实现局部刷新,与 javascript 脚本不能算一个东西。
点击获得焦点,运行函数:
$(selector).focus(function)
取消焦点后作用:
$(selector) . blur(function)
例子:http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_blur
去除字符串收尾空格
$.trim(string)
history.go(-1)在不同浏览器中的解析:
<a href="#" onclick="history.go(-1)">后退</a>
点击"后退"链接时,在IE,firefix下,history.go(-1)可以起到后退的作用,但在chrome下不起作用,要用history.go(-2)才生效。
我们发现在IE,firefix中解析为执行onclick事件,即执行history.go(-1)页面就跳走了不执行<a>标签的href,但在chrome下,不光执行了onclick事件,还执行了<a>标签的href。故要在onclick事件中加上return false语用来阻止<a>标签href的触发。
即:
<a href="#" onclick="history.go(-1); return fasle">后退</a>
或:
<a href="javascript:void(0)" onclick="history.go(-1)">后退</a>
隐藏当前HTML元素:
$(this).hide()
隐藏id = “text”的元素:
$(#test).hide()
隐藏class = “text”的元素:
$(.test).hide()
隐藏所有<p>元素:
$("p").hide()
params定义动画CSS属性,
$(selector).animate({params},speed,callback);
例子如下:
$(button).click(function() {$ (div).animate ({left:'+=20px',opacity:'0.5'});});
定位,index 位从 0 开始, .eq(index) :
.find('div/option ...').eq(index)
jQuery ajax 异步请求,实现局部刷新,与 javascript 脚本不能算一个东西。
点击获得焦点,运行函数:
$(selector).focus(function)
取消焦点后作用:
$(selector) . blur(function)
例子:http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_blur
去除字符串收尾空格
$.trim(string)
history.go(-1)在不同浏览器中的解析:
<a href="#" onclick="history.go(-1)">后退</a>
点击"后退"链接时,在IE,firefix下,history.go(-1)可以起到后退的作用,但在chrome下不起作用,要用history.go(-2)才生效。
我们发现在IE,firefix中解析为执行onclick事件,即执行history.go(-1)页面就跳走了不执行<a>标签的href,但在chrome下,不光执行了onclick事件,还执行了<a>标签的href。故要在onclick事件中加上return false语用来阻止<a>标签href的触发。
即:
<a href="#" onclick="history.go(-1); return fasle">后退</a>
或:
<a href="javascript:void(0)" onclick="history.go(-1)">后退</a>
隐藏当前HTML元素:
$(this).hide()
隐藏id = “text”的元素:
$(#test).hide()
隐藏class = “text”的元素:
$(.test).hide()
隐藏所有<p>元素:
$("p").hide()
params定义动画CSS属性,
$(selector).animate({params},speed,callback);
例子如下:
$(button).click(function() {$ (div).animate ({left:'+=20px',opacity:'0.5'});});
定位,index 位从 0 开始, .eq(index) :
.find('div/option ...').eq(index)
相关文章推荐
- jquery合并表格或者flexGridView
- jquery实现仿新浪微博评论滚动效果
- Jquery+Ajax+Json+存储过程实现高效分页
- Jquery 实现点击一个页面跳转后在另外一个页面显示指定位置
- jquery表单ajax提交以及checkbox全选/全不选 .
- 解决jquery操作checkbox全选全不选无法勾选问题
- jquery实现点击查看更多内容控制段落文字展开折叠效果
- jquery combobox下拉及异步加载数据
- 【RequireJS 学习笔记】RequireJS 学习笔记 2 —— RequireJS 版 页码切换demo 分类: javascript js jquery RequireJS js代码切换 2015-08-06 11:18 1人阅读 评论(
- jquery换肤
- jQuery实现类似老虎机滚动抽奖效果
- 使用jquery排重并排序
- jquery 9种选择器
- jquery入门:启动顺序,核心用法
- jquery横向时间轴记录册图片切换效果
- jquery.form.js使用AJAX上传文件
- jquery时间轴
- 14种网页jQuery和css3特效插件代码演示
- jquery实现选中单选按钮下拉伸缩效果
- jquery.artDialog.source.js学习