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所以,格式需要相当注意,要不出了什么问题,或后期修改,搞死人了

posted @ 2008-10-20 20:36  挟风凌月  阅读(340)  评论(2编辑  收藏  举报