热门IT资讯网

JQuery实战第四讲小结(标签页的效果)

发表于:2024-11-29 作者:热门IT资讯网编辑
编辑最后更新 2024年11月29日,1. 一组标签用一个ul来管理,每一个标签是ul中的一个li;标签下面的内容就是用div来管理2. 跟在浮动元素(float)之后的元素会围绕着浮动元素,如果不希望有这种围绕,可以再浮动元素之后的那个

1. 一组标签用一个ul来管理,每一个标签是ul中的一个li;标签下面的内容就是用div来管理

2. 跟在浮动元素(float)之后的元素会围绕着浮动元素,如果不希望有这种围绕,可以再浮动元素之后的那个元素上定义clear属性,来清除这种效果。

3. 实现当前标签和内容区域的融合,可以通过使用相同的背景色,外加当前标签使用同颜色的边框来实现。

4. Jquery中的mouseovermouseout方法对应标准javascriptonmouseover,,onmouseout事件,可以处理鼠标进入和离开的事件。

5. 在一个包含了多个元素的Jquery对象执行each方法,尅一注册给each方法的那个function的内容被每一个元素执行。同时这个function还可以接受到一个参数,表示这个元素的索引值。Jquery中的很多方法也用到了each

6. eq方法可以根据索引值只得到Jquery对象中包含的多个元素中的某一个元素,并任然返回元素对应的心Jquery对象。

7. 选择器中使用eq,例如$("div:eq1")

8. addClassremoveClasss方法用于添加和移除元素的class定义

9. JavascriptsetTimeout方法可以延时执行某些代码,对应的clearTimeout可以清楚设定的延时操作。

10. 做一个AJAX应用的时候,可以考虑现在FireFox上调试通过,然后再到其他浏览器中进行检查,并修正可能的兼容性问题。

11. cursor属性可以控制元素上的鼠标样式,pointer的属性值表示手型样式,也就是我们常见的链接鼠标样式。

12. position属性可以控制元素定位的方式,值为relative时表示相对原来的位置进行定义。可以通过设定topLeftbottomright的值来控制元素相对原来的位置进行移动。、

13. z-index可以控制元素在页面中的层高,值越大就会在页面的层越靠前,也就会覆盖住一些Z-index值较低的元素。只有position的值为relativeabsolute的元素,z-index才会生效、

14. Jquery中的load方法十分强大,可以把一个指定的静态,动态页面或服务器端程序输出的数据装入到执行load方法的Jquery对象包装着得元素中。

15. load方法还支持部分装载,在装入的页面地址后面加空格,然后使用选择器,就可以把页面中符合选择器的部分装入进来。

16. load的页面一定要是UTF-8编码的,否则装入后中文会显示乱码。

17. bind可以用于给指定的节点绑定Javascript的事件或Jquery中定义的事件。对于Jquery中没有直接提供注册方法的事件,可以用这种方式注册。方法的第二个参数可以是事件执行的方法定义。

18. ajaxStartajaxStop对应ajax交互开始前和结束后的时间,给某一个节点注册了着两个时间后,当前页面的ajax交互开始前和结束后,就会执行指定的方法。

0