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. 为SharePoint网站创建自定义导航菜单

    转:http://kaneboy.blog.51cto.com/1308893/397779 相信不少人都希望把SharePoint网站内置的那个顶部导航菜单,换成自己希望的样式.由于SharePoi ...

  2. Setting Up the ADT Bundle

    Setting Up the ADT Bundle The ADT Bundle provides everything you need to start developing apps, incl ...

  3. web测试用例表(自用)

    自己留着用,第一次搞这么个东西.虽然简单却很实用. 模块名               备注 开发人员   版本号             用例作者   设计时间             测试类型 功 ...

  4. Java笔记(十六)……内部类

    内部类概述 内部类是将一个类定义在另一个类里面,对里面那个类就成为内部类(内部类,嵌套类). 当描述事物时,事物的内部还有事物,该事物用内部类来描述,因为内部事物在使用外部事物的内容 访问特点 内部类 ...

  5. 使用WIF实现单点登录Part I——Windows Identity Foundation介绍及环境搭建 -摘自网络

    上个月有一个星期的时间都在研究asp.net mvc统一身份验证及单点登录的实现.经过了一番的探索,最终决定使用微软的Windows Identity Foundation.但是这东西用的人貌似不多, ...

  6. ZOJ3471--Most Powerful（状压DP）

    有n(n<10)个小球,每两个碰撞有其中一个会消失,并产生一定能量.求产生最大能量. 有了正确思路题目比较简单,我的思路果然是歪的... 我的思路是dp[i][j]表示i这个状态剩下第j个小球, ...

  7. 8-18-Exercise

    8-18-小练 A.HDU 1172   猜数字 采用枚举~[赤果果的暴力~] 代码: #include <iostream> #include <cstdio> #inclu ...

  8. 发布ASP（非.Net）网站

    1.安装IIS 2.设置网址.端口 3.设置文档(默认访问的文档,比如index.asp,index.htm等) 4.双击asp - 展开行为 - 启用父路径:true - 允许访问父目录 5.应用程 ...

  9. 为什么Form.Timer的event handler在Form被Dispose之后还是被调到了？

    博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:为什么Form.Timer的event handler在Form被Dispose之后还是被调到了?.

  10. struts2的json-default和struts-default的区别

    http://www.cnblogs.com/lbangel/archive/2013/05/24/3096986.html struts2的json plugin可以实现struts2和json的完 ...