您的位置：首页 > Web前端 > JQuery

jquery知识属性 css

2015-06-26 18:30 681 查看

jquery基础知识属性 css

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>属性 css</title>
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
//属性
$('img').attr({'src':'../img2/1.jpg'});//为img标签添加并设置src值
$('img').attr('alt');//返回img中的src值
$('img').attr("title",function(){
return this.src;//将src设置为title的值
})
$('img').removeAttr('title')//从img中删除一个属性
$('img').addClass('cur');//为img添加类名cur
$('img').removeClass('cur')//为img删除类名cur
$('img').toggleClass('cur')//如果存在，删除，如果不存在，添加
$('p').html();//返回p中的内容
$('p').html('<h1>今天天阴了</h1>');//设置内容
$('p').text();//取得所有p元素的文本内容，也可设置文本内容
$('input').val();//获得文本框中的内容

//css
$('img').css('border','2px');//设置img的css内容
var offset=$('p:last').offset();//获取偏移对象，存在left和top两个值
$('p:last').html('left:'+offset.left+',top:'+offset.top);//将两个值让p标签显示
var position=$('p:first').position();//获取position对象
$('p:last').html('left:'+position.left+',top:'+position.top)//赋值
$('p:first').scrollTop();//获取匹配元素相对滚动条顶部的偏移，有参数表示设置
$('p:first').scrollLeft();//获取匹配元素相对滚动条左侧的偏移，有参数表示设置
$('p:last').height();//获得匹配元素的高度，有参数表示设置
$('p:last').width();//获得匹配元素的宽度，有参数表示设置
$('p:last').innerHeight();//获取第一个匹配元素内部区域的高度
$('p:last').innerWidth();//获取第一个匹配元素内部区域的宽度
$('p:last').outerHeight();//获取第一个匹配元素外部区域的高度
$('p:last').outerWidth();//获取第一个匹配元素外部区域的宽度
})
</script>
</head>
<body>
<img alt="风景图" />
<p>今天天气不错！</p>
<p>今天心情不错</p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

jquery知识 属性 css

jquery知识属性 css