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. win7无法识别U盘，驱动信息：该设备的驱动程序未被安装。 (代码 28)

    台式机的win7 64位系统可以识别u盘,但笔记本的win7 64位却识别不了,说明U盘是可以用的.查看笔记本的设备管理器,发现驱动安装失败,提示信息为“该设备的驱动程序未被安装. (代码 28) ” ...

  2. Android学习笔记(1)—Android Studio安装

    Android Studio 是一个全新的 Android 开发环境,基于IntelliJ IDEA. 类似 Eclipse ADT,Android Studio 提供了集成的 Android 开发工 ...

  3. tomcat 服务器全解

    ①B/S.C/S比较 ⑴C/S C/S结构即客户端/服务器(Client/Server),例如QQ: 需要编写服务器端程序,以及客户端程序,例如我们安装的就是QQ的客户端程序: 缺点:软件更新时需要同 ...

  4. Codevs 1222 信与信封问题 二分图匹配,匈牙利算法

    题目: http://codevs.cn/problem/1222/ 1222 信与信封问题   时间限制: 1 s   空间限制: 128000 KB   题目等级 : 钻石 Diamond 题解 ...

  5. HW3.17

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  6. 校友信息管理系统&SNS互动平台之用户需求及概要设计

    前言.提纲及说明: 请移步:<校友信息管理&SNS互动平台之前言.目录及说明>(博客园地址:http://www.cnblogs.com/s6cn/p/3516876.html) ...

  7. var_dump() 打印数组不完整 解决办法

    我们用var_dump() 打印数组, 一般会出现这种情况, 就是打印出来的数组不完整 ,会有省略号. 解决方法: 在php.ini里的xdebug节点中,加入如下 xdebug.var_displa ...

  8. pycharm的使用技巧

    本文将持续更新一些关于在使用pycharm的过程中的小技巧: 多行缩进/取消缩进 选中需要更改的代码,按 shift + tab 多行注释/取消注释 选中需要更改的代码,按 ctrl  +  / 滚轮 ...

  9. android游戏物理引擎开发——粒子系统（三）

    生病了,医院躺了几天,动了个小手术,动手术之后的几天在医院看了几本<大众软件>,又想到自己必须得买台台式机了,这破笔记本实在用不下去了,然后开始喜欢看些硬件的东西,等我熟悉了以后,写几个硬 ...

  10. 清理Win8.1更新冗余的批处理代码

    以下为批处理文件内容,复制到文本文件,另存为.bat文件,以管理员方式运行即可. @echo off title 清理Win8.1更新冗余 color 2e echo 提示:本程序可能需要以管理员方式 ...