jquery,jQuery入门

jQuery能做什么?1. 操作页面对象
2. 修改页面外观。
3. 优化JS的事件机制。
4. 为页面添加动画效果。
5. 优化Ajax功能。
为什么要用jQuery?1. 轻量级。
2. 出色的浏览器兼容性。
3. 出色的DOM操作。
4. 链式操作方式。
5. 隐式的迭代集合。
6. 行为层与结构的分离。
7. 支持扩展。
8. 完善的学习资源。
9. 开源。
jQuery核心函数[七个重载]1. jQuery( ):该函数返回一个空的jQuery对象[1.4+版本]。
2. jQuery(elements):该函数将一个或多个DOM元素转化成jQuery对象或集合。
3. jQuery(callback):该函数是jQuery(document).ready(callback)的简写。该函数将绑定一个在DOM文档载入完成后执行的函数。所有页面加载完成后需要执行的jQuery操作都需要包含在该函数中。
4. jQuery(expression,[context]):该函数接收一个包含jQuery选择器的字符串,然后用这个字符串去匹配一个或多个元素。
5. jQuery(html):该函数根据提供的HTML标记代码,动态创建由jQuery对象封装的DOM元素。语法格式:jQuery(“<div></div>”)。
6. jQuery(html,props):该函数根据提供的HTML标记代码,动态创建由jQuery对象封装的DOM元素,同时对该DOM元素设置一组属性、事件等。语法格式:jQuery(“input”,{type:”text”,name=”username”})。
7. jQuery(html,[ownerDocument]):该函数根据提供的HTML标记代码,动态创建由jQuery对象封装的DOM元素,并且指定该元素所在的文档。
注:jQuery核心函数有一个非常简单的别名$(美元符号),所以上面的写法都可以写成以下形式。
$([arguments])
配置Dreamveaver对jQuery的智能感应。1. 下载一个名为jQuery_api_for_dw4.mxp的文件。
2. 启动Adobe Extension Manager CS4。
3. 单击菜单”文件” > “安装扩展”,找到并选择要安装的jQuery_api_for_dw4.mxp。
4. 完成安装。
解决jQuery和其它库的冲突。在jQuery中,默认使用$来代替jQuery函数名,但是很多其它JS类库也使用该变量来代替某种含义的对象。所以同时使用时会造成$变量冲突。
jQuery核心函数提供两个方面来使jQuery主动放弃$变量,甚至是jQuery变量。
1. jQuery.noConflict( ):该方法使jQuery类库主动放弃$变量的控制权,也就是说执行完该方法后,$变量将不能再操作jQuery核心函数了。
2. jQuery.noConflict(wxtreme):该方法需要一个布尔型参数,当参数为false时,与无参方法一样;当参数为true时,jQuery类库不但放弃变量$的控制权,而且将会放弃变量jQuery的控制权。
假如使用$变量和jQuery变量都与其它JS类库发生冲突,还能用什么方法使用jQuery呢?
答案就是将$变量或jQuery变量赋给一个新的变量,如 var $haha = $。此时使用$haha便可操作jQuery了。
Tags:  jquery

延伸阅读

最新评论

发表评论