jquery在开发中要用的基础方法
今年7月的时候,公司招聘了一个新的员工,他说到jquery可以完全无视浏览器,当时我就引起了极大兴趣真的吗?
因为在早期的时候因为,浏览器的兼容性问题,放弃了很多良好的ui设计。
于是,我出于好奇,买了一本书在闲暇的时候看了,并用jquery写了以前一些想写的东西,发现真哦,真的可以无视浏览器了。
那时候因为工作中的项目计划已经确定了,没有马上将jquery加入项目的计划。
事各两个月的今天,当我想到怎么将网站升级,提升商业化性能时想到了MVC和jquery,当时猛然发现他们就可以相互推进,并表现达到极致。
真的要好好的感谢那些将我从浏览器兼容性中解放出来的人。
现在将我开发中常用到的的方法记录下来,怕以后忘记了.
1、这个大家不需要记忆的,有过开发经验的人都知道有这个
$("object").click(function{
//method
})
2、以下在过用户信息提交的时候会用到
a、
blur()
- 在 Form 元素失去焦点时调用,例如,用 tab 键移出具有焦点的文本字段
b、change()
- 在 Form 元素失去焦点,并且其值因获得焦点而更改时调用。Internet Explorer 和 Firefox 对此的处理稍微不同。
c、click()
- 当在页面元素(不一定是 Form 元素)上单击时调用
d、dblclick()
- 当在页面元素(不一定是 Form 元素)上双击时调用
e、error()
- 当元素出现内部错误时调用,不同的浏览器对此的处理不同,可能很多人都亲自体验过
f、focus()
- 当某个 Form 元素获得焦点时调用
g、keydown()
- 当页面元素在其上/内发生一个 keypress 时调用
h、keyup()
- 当页面元素在其上/内释放一个 keypress 时调用
i、keypress()
- 当相同的页面元素相继发生 keydown 和 keypress 时调用
j、select()
- 文本在文本字段内被选中时调用,而不是内容在组合框内被选中时(这时发生的是更改事件)调用。
k、submit()
- 提交 Form 时调用
3、jquery的hover方法
大家都知道ie6+只支持a的hover伪类,现在我们有了这个方法后我们就可以做很多事情了,想很多网站的导航在鼠标漂移到上面是有变化,现在我们就可以直接通过这个方法来处理。
在处理的时候结合css技术和一点架构思想,什么样的效果不是手到擒来,哈 有点狂妄了。
4、jquery操控标签属性
说到控制属性,现在img标签的src属性改变客服端改变因为安全的原因,已经不可以在变化了,对此有点遗憾,不说这个题外话了
这里要说的是,jquey通过重载了attr方法实现set和get
$("object"),attr("id");
$("object").attr("id","textid");
5、关于jquery提供的text()和html()方法
在字面上看,大家大概知道什么意思了,对是一个是返回的文本格式的数据,一个返回的html脚本
如:
//<a id='test' herf='asfasdf.html'><span class='fontTitle'>test</span></a>
$("#test").text(); //return test
$("#test").html(); //return <span class='fontTitle'>test<span>
给人的感觉就是这样的:text()方法就在html()方法多了一个脱壳功能。。。个人感受
6、管理某标签的CSS样式
这东西简单,但是很有用,并且频繁。
有两种管理方式:
一是直接添加和删除css中的class对象
$("#object").addClass("fontTitle");
$("#object").removeClass("fontTitle");
另一种方式是直接给标签添加或改变样式属性
$("#object").css("backgroundColor","#ffffff");
注意:在书写的是因为我现在还没有发现很好的IDE所以,格式需要相当注意,要不出了什么问题,或后期修改,搞死人了