jq杂记

设置标签属性，修改标签属性，获取标签属性的方法：

<script>

$('img').hover(function() {
$('img').attr('src','fruit02.jpg');
}, function() {
$('img').attr('src','fruit03.jpg');
console.log($('img').attr('title'))
$('img').removeAttr('alt')
});


/*
单属性修改：k代表属性，v代表所对应的值
.attr('k','v')
多属性修改
.attr({'k':'v','k':'v'})
单属性获取
.attr('k');


移除标签属性.removeAttr('属性名')
*/

</script>

表单元素的值得获取和修改：

/*
修改表单元素的值：.val('内容')
获取表单元素的值：.val（）;
*/

$('input').blur(function(){
$('input').val('失去焦点')
});
$('input').focus(function(){
console.log($('input').val());
})

修改显示的文字内容：

// $('p').hover(function（）{鼠标移入执行的指令}，function（）{鼠标移出执行的指令})
// $('p').hover(function（）{鼠标移出执行的指令})移入移出执行相同的指令
// 修改内容：.html（'内容'）
// 获取内容：.html（’‘）
// .text()用法和上面一样，只是不能识别标签，把标签当做普通文本处理
/*$('p').hover(function(){
$('p').html('修改之后的内容')
},function(){
alert($('p').html())
});*/

修改标签的css样式

<script>
// 修改一个值
/*$('div').css('border-radius','5px');*/
// 修改多个css样式的值
// $('div').css({'border-radius':'5px','border':'2px solid red'});
// 获取css样式的值
console.log($('div').css('color'));


/*
单css修改：k代表css样式，v代表所对应的值
.css('k','v')
多css修改
.css({'k':'v','k':'v'})
单css获取
.css('k');
*/
</script>