一. jQuery訪问属性

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. 	<meta charset="UTF-8">
  5. 	<title>jQuery attr demo</title>
  6. </head>
  7. <body>
  8. 	<input id="check" type="checkbox" checked="checked">
  9. 	<label for="check">复选框</label>
  10. 	<p></p>
  11. </body>
  12. <script type="text/javascript" src="jquery-2.1.1.min.js"></script>
  13. <script type="text/javascript">
  14. 	$(function(){
  15. 		$("input").change(function(){
  16. 			var $input = $(this);
  17. 			$("p").html(".attr('checked') = <b>" + $input.attr('checked') + "</b><br>"
  18. 				 	  + ".prop('checked') = <b>" + $input.prop('checked') + "</b><br>"
  19. 				  	  + ".is(':checked') = <b>" + $input.is(':checked') );
  20. 		}).change();
  21. 	})
  22. </script>
  23. <style>
  24. b {color: red;}
  25. </style>
  26. </html>

二. jQuery绝对定位

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. 	<meta charset="UTF-8">
  5. 	<title>jQuery absolute fix demo</title>
  6. </head>
  7. <body>
  8. 	<div>盒子1</div>
  9. 	<div style="float:left">盒子2</div>
  10. 	<div style="float:left">盒子3</div>
  11. </body>
  12. <script type="text/javascript" src="jquery-2.1.1.min.js"></script>
  13. <script type="text/javascript" >
  14. 	$(function(){
  15.     	var o1 = $("div").eq(0).offset();					//获取第一个div元素的偏移信息
  16.     	$("div").eq(0).html( "left: " + o1.left + "<br />top: " + o1.top ); 	//显示信息
  17.     	var o2 = $("div").eq(1).offset();					//获取第二个div元素的偏移信息
  18.     	$("div").eq(1).html( "left: " + o2.left + "<br />top: " + o2.top ); 	//显示信息
  19.     	var o3 = $("div").eq(2).offset();					//获取第三个div元素的偏移信息
  20.     	$("div").eq(2).html( "left: " + o3.left + "<br />top: " + o3.top ); 	//显示信息
  21. 	})
  22. </script>
  23.  
  24. <style type="text/css">
  25. 	body { padding:0; margin:0; }/*清除页边距*/
  26. 	div {height:60px; width:200px; border:solid 10px red; }/*统一div元素的显示样式*/
  27. </style>
  28. </html>

jQuery訪问属性，绝对定位的更多相关文章

  1. 2013级C++第12周(春)项目——成员的訪问属性、多重继承

    课程首页在:http://blog.csdn.net/sxhelijian/article/details/11890759,内有完整教学方案及资源链接 第一部分 程序阅读 1.阅读程序.分析类中成员 ...

  2. jquery訪问ashx文件演示样例

    .ashx 文件用于写web handler的..ashx文件与.aspx文件类似,能够通过它来调用HttpHandler类,它免去了普通.aspx页面的控件解析以及页面处理的过程.事实上就是带HTM ...

  3. 在对象内部尽量直接訪问实例变量 --Effictive Objective-C 抄书

    在对象之外訪问实例变量时,应该总是通过属性来做.在那么在对象内部訪问实例变量的时候,又该怎样呢? 这是 OCer们一直激烈讨论的问题.有人觉得,不管什么情况,都应该通过属性来訪问实例变量;也有人说,& ...

  4. IE Jquery中拒绝訪问的处理方法

    多人合作开发一个站点过程中,为便于开发,将一些公共文件如js,css,images放在外网上,各自链接这类文件以供使用.本地測试时网页的一些JS代码在IE8,IE6中会停止运行,并报某个js文件拒绝訪 ...

  5. Objective-C 类属性和方法的訪问权限

    OC中提供了4种訪问权限.@private, @public, @protected这三种和其它的C++, Java是一样的,@package这个訪问权限并非Java里的包訪问权限,OC中没有包的概念 ...

  6. jQuery的AJax异步訪问

    用一个样例用以说明:点击button,将input内用户输入的数据发送给服务端.并将结果返回给页面. 首先是html承载内容: <!DOCTYPE html> <html> & ...

  7. jquery ajax CORS 跨域訪问 WebService

    JS代码: var word = document.getElementById("word").value; $.ajax({ type: "POST", c ...

  8. Chapter 1 Securing Your Server and Network(6):为SQL Server訪问配置防火墙

    原文出处:http://blog.csdn.net/dba_huangzj/article/details/38082123,专题文件夹:http://blog.csdn.net/dba_huangz ...

  9. struts2学习笔记（2）---Action中訪问ServletAPI获取Map类型的Servlet元素

    源码: strust.xml <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts ...

随机推荐

  1. GitHub托管

    借助GitHub托管你的项目代码   PS:话说自己注册了GitHub都很久了,却没有怎么去弄,现在系统学习一下,也把自己的学习经历总结下来share给大家,希望大家都能把GitHub用起来,把你的项 ...

  2. gitlab的使用

    Gitlab的使用 最近成功的在公司部署了gitlab,鉴于同学们还不会使用,这里写篇博客说明下.如果想安装gitlab的话,需要一些linux的基础知识,我在这里记录了我安装的参考<http: ...

  3. Myeclipse8.5 svn插件安装两种方式

    第一种方式:(亲测成功)第一步:准备插件包:site-1.6.18.zip解压该包里面有features和plugins文件夹,删除该包里面的xml结尾的文件. 第二:我的Myeclipse8.5安装 ...

  4. bzoj 3218 a + b Problem（最小割+主席树）

    [题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=3218 [题意] 给n个格子涂白或黑色,白则wi,黑则bi的好看度,若黑格i存在: 1& ...

  5. Tkinter教程之Frame篇

    本文转载自:http://blog.csdn.net/jcodeer/article/details/1811339 '''Tkinter教程之Frame篇'''#Frame就是屏幕上的一块矩形区域, ...

  6. CUDA 进阶学习

    CUDA基本概念 CUDA网格限制 1.2CPU和GPU的设计区别 2.1CUDA-Thread 2.2CUDA-Memory(存储)和bank-conflict 2.3CUDA矩阵乘法 3.1 全局 ...

  7. 超简单fedora20(linux)下JDK1.8的安装

    (博客园-番茄酱原创) 去官网下载linux版本的jdk,如果你的fedora是64位,就选择64位的jdk,jdk-8u20-linux-x64.tar.gz. 将下载好的jdk解压到当前目录下,解 ...

  8. 读取jar内的配置文件

    读取jar包内的配置文件,可以使用ResourceBundle,具体具体例子如下 import java.io.BufferedInputStream; import java.io.IOExcept ...

  9. 非常实用的Ubuntu常用终端命令

    先介绍关于文件和目录的命令: ls 列出当前目录文件(不包括隐含文件) ls -a 列出当前目录文件(包括隐含文件) ls -l 列出当前目录下文件的详细信息 cd .. 回当前目录的上一级目录 cd ...

  10. GDB中应该知道的几个调试方法

    七.八年前写过一篇<用GDB调试程序>,于是,从那以后,很多朋友在MSN上以及给我发邮件询问我关于GDB的问题,一直到今天,还有人在问GDB的相关问题.这么多年来,有一些问题是大家反复在问 ...