Web前端之家

原来Jquery就是一个javascript写的一个库,它给我们提供了很多常用的方法,使用这些方法可以兼容多种浏览器,使用它可以达到很好的动画效果,下面就来看看那些年的学习笔记吧一、$符号
1、选择器 可以选择html标签,也可选择ID,Class等 如下: 复制代码 代码如下:

Web前端之家。2、得到标记中的属性 复制代码 代码如下:
var sTitle = $.attr; //得到标记中的属性值
$;//设置值,若是用text()得到值,则是得到的文本,不包含html 3、设置属性
复制代码 代码如下: $.attr(“disabled”,
“disabled”);
//得到第一个button后的button,然后设置它们的disable属性为不可用,没有这个属性就返回undefined
$.attr({ src: “test.jpg”, alt: “Test Image” }); 3.1、删出属性
$.removeAttr; 4、修改Class,如果存在一个类。 复制代码 代码如下: $ {
$.mouseover.toggleClass;//修改样式class } ); } 4.1、移出Class
$.removeClass; 4.2、添加Class $.addClass; 5、图片的复制 $.appendTo;
//得到第一张图片 6、事件绑定,可以绑定多个相同的事件 复制代码 代码如下: $.bind { //绑定事件 alert;
$.bind { //绑定事件 alert 7、移出事件 复制代码 代码如下: $ {
$.click.unbind;//unbind来移出方法 alert 8、元素的显示和隐藏 复制代码 代码如下:

金沙js8331,渐入渐出的效果:在show方法上传一个时间参数,从而得到淡入淡出的效果 复制代码 代码如下:

复制代码 代码如下:


金沙js8331 1


二、淡入淡出的实现方法 1、fadeIn:使用方法与show一样,效果更好 如下:
复制代码 代码如下: $.click { $.fadeIn;
$.click { $.fadeOut; 2、幻灯片效果-由slideUp方法实现 复制代码 代码如下: $.click { $.slideUp; $.click
{ $.slideDown; 三、Jquery功能函数 1、浏览器的检测$.browser, 如下: 复制代码 代码如下: if return alert; if return
alert; if return alert; if return alert; 2、盒子模型 $.boxModel 如下:
alert($.boxModel ? “standard” : “IE”); 3、处理javascript对象 $.each
//对数组的每个对象用function函数处理 如下: 复制代码 代码如下: var aArr = [“one”, “two”,
“three”]; $.each(aArr, function { alert; }); $.grep:过滤 示例: 复制代码 代码如下: var aArray = [1, 2, 3, 4,
5, 6, 7, 8, 9]; var DemoArr = $.grep(aArray, function { return value
> 4; }); document.write; $.map(Array,function
本文全部来源于那些年的学习笔记。 总结
Jquery库中有很多函数,还有一些,特别是Jquery里的Ajax,是非常重要的,此文以回忆那些年学习Jquery的日子。

发表评论

电子邮件地址不会被公开。 必填项已用*标注