1、$(document).ready()
$(document).ready(function(){
$('DOM元素名').bind('事件名称',function(){
//事件处理代码
})
});
注释:代码作用为为DOM元素添加事件。DOM元素名可为元素ID,Name或Class。事件名称为元素可选事件如click等。
2、$('');
获取对象元素。如:$('div.speech').
3、parseFloat()
parseFloat()会在一个字符串中从左到右的查找浮点数,抹掉末尾的非数字字符串。如果字符串第一个字符以非数字字符开头,则返回NaN(Not a Number).
4、.css()
这个方法集getter()和setter()于一体。
.css('属性名'):获取元素属性内容。
.css('属性名','值'):设置元素属性内容。同样也接收"键-值"对的形式。如.css(property1: 'value1','property-2':'value2')
5、var $变量名与 var 变量名的区别
var $变量名:表示声明或获取的是对象类型。
var 变量名:表示声明的是变量类型。
6、.eq(索引值)
获取元素集合索引DOM对象。如$(‘p’).eq(1)。
7、hide()
用于隐藏DOM元素。隐藏速度为:slow,normal,fast,同时可以手动指定完成速度,单位为毫秒。
8、show()
用于将隐藏的DOM元素在不影响页面样式的情况下恢复为display:none之前的状态。
同hide函数一样,也同样支持完成速度的设置。
9、fadeIn()
隐藏的DOM元素淡入操作。同样支持完成速度的设置。
10、fadeOut()
显示的DOM元素淡出操作。同样支持完成速度的设置。
11、slidedown()
以从上滑入的方式显示隐藏的DOM元素极其内容。
12、slideUp()
以至下而上的方式显示隐藏的DOM元素极其内容。
13、slideToggle()
该方法通过逐渐增加或减少元素高度来显示或隐藏元素。
14、animate()
用于创建控制更加精细的自定义动画。
第一种:
.animate({property1:’value1’,property2:’value2’},speed, easing,function(){
alter(‘abc’);
})
第二种:
.animate({
property1: ‘value1’,
property2: ‘value2’
},{
duration: ‘value’,
easing: ‘value’,
specialEasing:{
property1: ‘easing1’,
property2: ’easing2’
},
complete: function(){
alter(‘abc’);
}
})
15、outerWidth()
获取DOM元素的宽度。
16、parent()
获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的