jquery属性操作
1、html() 取出或设置html内容
取出html内容
var ('#div1').html();设置html内容
$('#div1').html('<span>添加文字</span>');
2、text() 取出或设置text内容
取出文本内容
var ('#div1').text();设置文本内容
$('#div1').text('<span>添加文字</span>');
3、attr() 取出或设置某个属性的值取出图片的地址
var ('#img1').attr('src');设置图片的地址和alt属性
$('#img1').attr({ src: "test.jpg", alt: "Test Image" });
绑定click事件
给元素绑定click事件,可以用如下方法:
(this)
jquery特殊效果
- fadeIn() 淡入
- fadeOut() 淡出
- fadeToggle() 切换淡入淡出
- hide() 隐藏元素
- show() 显示元素
- toggle() 依次展示或隐藏某个元素
- slideDown() 向下展开
- slideUp() 向上卷起
- slideToggle() 依次展开或卷起某个元素
jquery链式调用
jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写:
- $('#div1') // id为div1的元素
- children('ul') //该元素下面的ul子元素
- slideDown('fast') //高度从零变到实际高度来显示ul元素
- parent() //跳到ul的父元素,也就是id为div1的元素
- siblings() //跳到div1元素平级的所有兄弟元素
- children('ul') //这些兄弟元素中的ul子元素
- slideUp('fast'); //高度实际高度变换到零来隐藏ul元素