jq杂记
来源:互联网 发布:acm编程规则 编辑:程序博客网 时间:2024/06/11 15:13
设置标签属性,修改标签属性,获取标签属性的方法:
<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>
- jq杂记
- jQ
- jQ
- jq
- jq
- JQ
- jq
- jQ
- jQ
- jq
- jq
- jq
- JQ
- 杂记
- 杂记
- 杂记
- 杂记
- 杂记
- promise的学习心得记录
- Failed to load class "org.slf4j.impl.StaticLoggerBinder" 解决方法
- 【hpu oj 1009 QAQ的区间价值 思维】
- http缓存机制
- java.lang.ClassNotFoundException web项目加载时找不到类
- jq杂记
- 求C翻译成c#
- ThreadLocal模式的理解
- 简单的机械臂设计(Splay树)
- Flask零基础到项目实战(四)SQLAlchemy数据库(二)
- select2Demo
- 分布式存储服务器FastDFS
- okhttp
- ORA-00845: MEMORY_TARGET not supported on this system