jquery属性操作
1、html() 取出或设置html内容
取出html内容
var $htm = $('#div1').html();
设置html内容
$('#div1').html('添加文字');
2、text() 取出或设置text内容
取出文本内容
var $htm = $('#div1').text();
设置文本内容
$('#div1').text('添加文字');
3、attr() 取出或设置某个属性的值
取出图片的地址
var $src = $('#img1').attr('src');
设置图片的地址和alt属性
$('#img1').attr({ src: "test.jpg", alt: "Test Image" });
绑定click事件:
给元素绑定click事件,可以用如下方法:
$('#btn1').click(function(){
// 内部的this指的是原生对象
// 使用jquery对象用 $(this)
})
toggle() 依次展示或隐藏某个元素
slideDown() 向下展开
slideUp() 向上卷起
slideToggle() 依次展开或卷起某个元素
引入一个外部js 《script type = "tex/javascript" src = "js/javascript--路径.js"》《/script》
innerhtml -- 元素里面包含的内容;
样式用css;用,逗号隔开;
jquery选择器:
jquery选择器可以快速地选择元素,选择规则和css样式相同,使用length属性判断是否选择成功。
$(document) //选择整个文档对象
$('li') //选择所有的li元素
$('#myId') //选择id为myId的网页元素
$('.myClass') // 选择class为myClass的元素
$('input[name=first]') // 选择name属性等于first的input元素
$('#ul1 li span') //选择id为为ul1元素下的所有li下的span元素
网友评论