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. Windows下的.NET+ Memcached安装

    转载请标明出处: http://www.yaosansi.com/ 原文:http://www.yaosansi.com/post/1396.html Memcached官方:http://danga ...

  2. Android命名规范(自定义)

    此规范参考自android源码,并加以改进,仅供个人使用,如果你觉得还有可取之处,可以参考下,以后有好的规则,再补充 总体规范: 类名要清晰,能反映出这个类的作用,最好能达到见名知义的效果 方法名要使 ...

  3. c# 中Intern的作用

    1. 函数如下 public static string Intern(string str) { if(str == null) { throw new ArgumentNullException( ...

  4. OpenGL立方体在世界坐标系中_缩放_旋转_平移_顶点片源着色器_光照作用_棋盘纹理贴图

    读取bmp等图片格式中的像素还有难度,就先用这个棋盘图象素来弄了 代码打错一个就一直First-chance exception ,貌似还有一个要用q或者Q才能成功退出,不知道缺少哪句,我用窗口红叉退 ...

  5. eclipse tomcat内存溢出，加大内存

    保存图片失败,请点击这里获得详细信息. 加入 -Xms256M -Xmx512M -XX:PermSize=256m -XX:MaxPermSize=512m

  6. 洛谷P1189 逃跑的拉尔夫(SEARCH)

    洛谷1189 SEARCH 题目描述 年轻的拉尔夫开玩笑地从一个小镇上偷走了一辆车,但他没想到的是那辆车属于警察局,并且车上装有用于发射车子移动路线的装置. 那个装置太旧了,以至于只能发射关于那辆车的 ...

  7. php&mysql

    更新语句 $query='update num set num='.$counter.'where id=1';      ....................这个查询失败 $query='upd ...

  8. mongodb的高级操作（聚合框架）

    group by 查询 不要用java驱动带的group by ,要用2.2版本后的aggregate聚合框架来搞,经过试验速度快一倍 参考 官网:http://docs.mongodb.org/ma ...

  9. 使用AFNetworking 报错提示

    使用AFNetworking 框架 解析数据 报错提示数据请求失败Error Domain=NSCocoaErrorDomain Code=3840 "The operation could ...

  10. HBase 学习笔记---守护进程及内存调优

    1.HMaster           HMaster的任务前面已经说过了,两个大方向:一.管理Hbase Table的 DDL操作 二.region的分配工作,任务不是很艰巨,但是如果采用默认自动s ...