<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery css事件编程  尺寸设置</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
div{position:absolute;width:100px;height:100px;left:100px;top:100px;border:1px solid red;}
</style>
<script  type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
/* 尺寸操作
width()   //获取宽度
width(value) //设置宽度
height //获取高度
height(value)  //设置高度
*/
window.onload=function(){
$('#btnOk').click(function(){
$('#div1').width(500);
$('#div1').height(600);
});
};
</script>
</head>
<body>
<div id="div1">test1</div>
<input type="button" id='btnOk' value='确定'  />
</body>
</html>

更多专业前端知识,请上 【猿2048】www.mk2048.com

jquery css事件编程 尺寸设置相关推荐

  1. jQuery - 获取并设置 CSS 类、尺寸

    jQuery - 获取并设置 CSS 类 通过 jQuery,可以很容易地对 CSS 元素进行操作. jQuery 拥有若干进行 CSS 操作的方法: addClass() - 向被选元素添加一个或多 ...

  2. 使用jQuery的.css()和.attr()方法设置元素left属性的注意点

    今天在使用jQuery方法".css()"设置"ajax-loader.gif"的位置时出了点小状况,关键代码如下(为了简化,这里假定要给"ajax- ...

  3. html下拉菜单jq怎么设置,jquery+css实现下拉列表功能

    废话不多说了,直接给大家贴代码了,具体代码如下所述: fruit .hide { display: none; } div { float: left; width: 100%; } .selecto ...

  4. Java程序员从笨鸟到菜鸟之(九十)跟我学jquery(六)jquery中事件详解

    由于jQuery本身就是web客户端的有力帮手,所以事件对于它来说就显得尤为重要了,事件是脚本编程的灵魂. 所以此内容也是jQuery学习的重点. 在传统的JavaScript中,注册一个事件也是非常 ...

  5. 从零开始学习jQuery (五) 事件与事件对象

    本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery ( ...

  6. html5电子相册在线制作,Html5+jQuery+CSS制作相册小记录

    本文主要讲述采用Html5+jQuery+CSS 制作相册的小小记录. 主要功能点: Html5进行布局 调用jQuery(借用官网的一句话:The Write Less, Do More)极大的简化 ...

  7. web前端(5):了解jQuery(常见选择器+相关尺寸+元素/节点操作)

    文章目录 一.jQuery是什么 二.JQuery的常见选择器 三.JQuery的元素操作 四.相关尺寸函数 五.常用的事件方法 1. 绑定事件的两种方式 2.解除绑定 六.节点操作 七.经典案例 1 ...

  8. jquery关于css,jQuery css操作

    jQuery操作css的元素样式 1.访问匹配元素的样式属性 来个小案例: //宽高都是200px,背景颜色红色; 怎么获取div的属性值呢: $("#div").css(&quo ...

  9. jQuery css()选择器使用说明

    css选择器只是jquery中的一个功能罢了,下面我来给各位朋友详细介绍jQuery css()选择器使用方法与说明详解,有需要了解学习的同学可参考. CSS操作有一个重要的方法:CSS() CSS( ...

最新文章

  1. 【React 实战教程】从0到1 构建 github star管理工具
  2. 机器视觉_Java机器学习,第2部分
  3. 受显微镜下线虫启发,MIT人工智能实验室推出“液态”神经网络
  4. int** 赋值_一篇文章搞明白Integer、new Integer() 和 int 的概念与区别
  5. MongoDB副本集学习(一):概述和环境搭建
  6. 华为----园区网络三层架构实验
  7. iframe嵌入微信公众号页面(有图片)
  8. 三分建设,七分运营|用现代化安全运营应对数据安全风险
  9. jsp webuploader上传文件夹
  10. MAE代码阅读(一)
  11. 什么是蜘蛛池的搜索留痕技术
  12. Latex【Error】Reference:Something‘s wrong--perhaps a missing \item. \end{thebibliography} 参考文献报错
  13. K-Means++算法 及应用
  14. 用户记忆设计:如何设计印象深刻的用户体验 | Viget
  15. C语言 PRIu64 宏
  16. 计算机组装与维护结业报告,计算机维修与维护的结课论文
  17. 方舟服务器恐龙等级修改器,方舟服务器恐龙的等级 | 手游网游页游攻略大全
  18. 2020 年公众号最受欢迎文章!
  19. nginx代理应用sso跳转处理
  20. 在APP里调用第三方文件管理器进行管理文件

热门文章

  1. 【MFC系列-第23天】CMemoryDC的封装过程
  2. doctrine find的对象转换成数组_「ES6基础」Array数组的新方法(上)
  3. 跨域/非跨域接口专题
  4. chromedriver链接
  5. 二次优化大招(由泰勒公式推出最值条件)
  6. 转-Android Studio *.jar 与 *.aar 的生成与*.aar导入项目方法
  7. Quick cocos2dx-Lua(V3.3R1)学习笔记(十)-----搭建安卓打包环境,用官方示例anysdk生成apk运行...
  8. ubuntu 编译 /usr/bin/ld: cannot find 问题解决
  9. python函数变量的作用域_学不会的Python函数——变量作用域
  10. Matlab各种拟合