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. -_-#【CSS 优化】

    高性能CSS 关于css通配符性能问题不完全测试 CSS的渲染效率 border: none; /* 不写 border: 0; 但几乎都是写 border: 0;的.. */ 不要使用过小的图片做背 ...

  2. Xcode7创建纯代码空白工程

    0: Create a new project  with  'single view controller' A: Xcode Settings 1: migrate launch image B: ...

  3. RAC SCAN

    在介绍SCAN之前, 先简单的回顾一下ORACLE 关于IP 地址的命名用, 在9I RAC时, ORACLE没有自己的CLUSTERWARE, 主要依靠第三方的集群软件(如HACMP等), 客户端主 ...

  4. 事件流处理框架NEsper for .NET z

    复合事件处理(Complex Event Processing)介绍提到了开源的Esper,NEsper 是一个事件流处理(Event Stream Processing,ESP)和复杂事件处理(Co ...

  5. 基于Geoserver配置多图层地图以及利用uDig来进行样式配置

    在GeoServer中配置多个图层的地图相对来说很容易,其步骤为: 1. 进入geoserver 2. 配置相关的FeatureTypes 3. 配置WMS内容,进入以后,主要有以下几个地方需要命名: ...

  6. The Donkey of Gui Zhou

    Problem Description There was no donkey in the province of Gui Zhou, China. A trouble maker shipped ...

  7. 【原】 Spark中Worker源码分析（二）

    继续前一篇的内容.前一篇内容为: Spark中Worker源码分析(一)http://www.cnblogs.com/yourarebest/p/5300202.html 4.receive方法, r ...

  8. Esper系列(十一)NamedWindow语法Merge、Queries、Indexing、Dropping

    On-Merge With Named Windows 功能:对window中的insert.update.delete操作进行组合运用. 格式: 1  "; 14      15  Sys ...

  9. Jquery Ajax的时候 老是返回到 error，是因为json格式不正规的原因

    Jquery Ajax的时候 老是返回到 error,是因为json格式不正规的原因: 怪不得不执行,原来我返回的是{success:true,id:1} 这种不规则的字符串,不是严格的json格式, ...

  10. CodeForces 540D--Bad Luck Island（概率DP）

    貌似竟然是我的第一道概率DP.. 手机码代码真不舒服.... /************************************************ Memory: 67248 KB Ti ...