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的更多相关文章

  1. jQuery DOM/属性/CSS操作

    jQuery DOM 操作 创建元素 只需要把DOM字符串传入$方法即可返回一个 jQuery 对象 var obj = $('<div class="test">&l ...

  2. jQuery修改操作css属性实现方法

    在jquery中我们要动态的修改css属性我们只要使用css()方法就可以实现了,下面我来给各位同学详细介绍介绍. css()方法在使用上具有多样性,我们先来了解css()方法基本知识. css() ...

  3. jQuery属性/CSS使用例子

    jQuery属性/CSS 1..attr() 获取匹配的元素集合中的第一个元素的属性的值  或 设置每一个匹配元素的一个或多个属性. 例1:获取元素的属性的值 <p title="段落 ...

  4. jquery的api以及用法总结-属性/css/位置

    属性/css 属性 .attr() attr()设置普通属性,prop()设置特有属性 获取或者设置匹配的元素集合中的第一个元素的属性的值 如果需要获取或者设置每个单独元素的属性值,需要依靠.each ...

  5. 使用 jQuery 选择器获取页面元素，然后利用 jQuery 对象的 css() 方法设置其 display 样式属性，从而实现显示和隐藏效果。

    查看本章节 查看作业目录 需求说明: 使用 jQuery 选择器获取页面元素,然后利用 jQuery 对象的 css() 方法设置其 display 样式属性,从而实现显示和隐藏效果. 具体要求如下: ...

  6. jQuery知识重构

    jQuery知识重构 目录: 一.入口函数 1          $(document).ready(function(){}); 2          $(function(){}); jQuery ...

  7. jQuery知识梳理20190817

    目录 jQuery知识梳理20190817 1. jQuery的特征 2. jQuery的两把利器 2.1 jQuery核心函数 2.2 jQuery核心对象 3. jQuery核心函数详解 4. j ...

  8. 深入浏览器兼容 细数jQuery Hooks 属性篇

    关于钩子:http://www.cnblogs.com/aaronjs/p/3387906.html 本章的目的很简单,通过钩子函数更细节的了解浏览器差异与处理方案, 版本是2.0.3所以不兼容ie6 ...

  9. jquery html属性和text属性的区别

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

随机推荐

  1. ☀【组件】加载 load

    Bear / js / utils / load.js 动态修改script标签中的src属性存在的问题 javascript创建css.js,onload触发callback兼容主流浏览器的实现 各 ...

  2. ☀【组件】字符串 string

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...

  3. javascript--苹果系统底部菜单--详细分析（转）

    源码下载:http://pan.baidu.com/s/1hqvJJA8 代码来源: 这个DEMO来自“妙味课堂” 昨天看到了“妙味课堂”的一个苹果菜单的DEMO.根据里面提到的“勾股定理”.我自己分 ...

  4. 树莓PI安装web服务器

    参考:http://www.eeboard.com/bbs/forum.php?mod=viewthread&tid=27383 http://www.eeboard.com/bbs/thre ...

  5. public staic void main 总结

    jvm 就是java的操作系统.深入了解jvm很必要. public:该函数的修饰符,表示该函数是公有的,无需多言. static 对于函数的修饰,表明该方法为静态方法,可以通过类名直接调用,事项对于 ...

  6. bzoj 2285 [Sdoi2011]保密（二分，spfa + 最大流）

    Description 现在,保密成为一个很重要也很困难的问题.如果没有做好,后果是严重的.比如,有个人没有自己去修电脑,又没有拆硬盘,后来的事大家都知道了. 当然,对保密最需求的当然是军方,其次才是 ...

  7. algorithm@ Matrix fast power

    一. 什么是快速幂: 快速幂顾名思义,就是快速算某个数的多少次幂.其时间复杂度为 O(log₂N), 与朴素的O(N)相比效率有了极大的提高.一般一个矩阵的n次方,我们会通过连乘n-1次来得到它的n次 ...

  8. vmware 8下ubuntu 13.04安装vmware tools

    在虚拟机vmware 8.0里安装了ubuntu 13.04.为了方便与主机交互,安装vmware tools. 解压后直接运行 ./vmware-install.pl 一路默认路径安装下来,到&qu ...

  9. DevExpress控件XtraGrid的Master-Detail中DetailViewCaption显示问题

    今天遇到XtraGrid身档抬头显示不对问题,查找了很多资料后未找到解决办法,后浏览至此文作者发现解决问题的方法就是:DataSet中的RelactionName跟DetailGridview的Lea ...

  10. 编写Word宏使选中的图片改变为固定宽度并保持纵横比

    代码如下: Sub 改变图片宽度为12并设置灰色边框() ' ' 改变图片宽度为12并设置灰色边框 宏 ' '     ' Application.Run MacroName:="改变图片大 ...