您的位置:首页 > Web前端 > JQuery

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)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: