本邮件内容由第三方提供，如果您不想继续收到该邮件，可 点此退订 。
jQuery 选择器 - 别闹了 阅读原文»
一、基本选择器
基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通过元素 id, class 和标签名来查找 DOM 元素(在网页中 id 只能使用一次, class 允许重复使用).
| 选择器 | 描述 | 返回 |
#id | 根据给定的id匹配一个元素 | 单个元素组成的集合 |
.class | 根据给定的类名匹配元素 | 集合元素 |
element | 根据给定的元素名匹配元素 | 集合元素 |
* | 匹配所有元素 | 集合元素 |
selector1,selector2, selector3.... | 将每一个选择器匹配到的元素 合并后一起返回 | 集合元素 |
示例代码如下：
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <title>Untitled Document</title>
6 <style type="text/css">
7 div, span, p {
8 width: 140px;
9 height: 140px;
10 margin: 5px;
11 background: #aaa;
12 border: #000 1px solid;
13 float: left;
14 font-size: 17px;
15 font-family: Verdana;
16 }
17
18 div.mini {
19 width: 55px;
20 height: 55px;
21 background-color: #aaa;
22 font-size: 12px;
23 }
24
25 div.hide {
26 display: none;
27 }
28 </style>
29
30 <!-- 导入 jQuery 库 -->
31 <script type="text/javascript" src="jquery-1.7.2.js"></script>
32 <script type="text/javascript">
33 //1.基本选择器
34 $(function(){
35 //1. 使用 id 选择器选择 id=btn1 的元素: $("#btn1")
36 //2. 为选择的 jQuery 对象添加 onclick 响应函数:
37 // $("#btn1").click(function(){}), 响应函数的代码
38 //写在 function(){} 的中括号中.
39 $("#btn1").click(function(){
40 $("#one").css("background", "#ffbbaa");
41 });
42 $("#btn2").click(function(){
43 $(".mini").css("background", "#ffbbaa");
44 });
45 $("#btn3").click(function(){
46 $("div").css("background", "#ffbbaa");
47 });
48 $("#btn4").click(function(){
49 $("*").css("background", "#ffbbaa");
50 });
51 $("#btn5").click(function(){
52 $("span,#two").css("background", "#ffbbaa");
53 });
54 })
55
56 </script>
57
58 </head>
59 <body>
60 <input type="button" value="选择 id 为 one 的元素" id="btn1" />
61 <input type="button" value="选择 class 为 mini 的所有元素" id="btn2" />
62 <input type="button" value="选择 元素名是 div 的所有元素" id="btn3" />
63 <input type="button" value="选择 所有的元素" id="btn4" />
64 <input type="button" value="选择 所有的 span 元素和id为two的元素" id="btn5" />
65
66 <br><br>
67 <div class="one" id="one">
68 id 为 one,class 为 one 的div
69 <div class="mini">class为mini</div>
70 </div>
71 <div class="one" id="two" title="test">
72 id为two,class为one,title为test的div
73 <div class="mini" title="other">class为mini,title为other</div>
74
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <title>Untitled Document</title>
6 <style type="text/css">
7 div, span, p {
8 width: 140px;
9 height: 140px;
10 margin: 5px;
11 background: #aaa;
12 border: #000 1px solid;
13 float: left;
14 font-size: 17px;
15 font-family: Verdana;
16 }
17
18 div.mini {
19 width: 55px;
20 height: 55px;
21 background-color: #aaa;
22 font-size: 12px;
23 }
24
25 div.hide {
26 display: none;
27 }
28 </style>
29
30 <!-- 导入 jQuery 库 -->
31 <script type="text/javascript" src="jquery-1.7.2.js"></script>
32 <script type="text/javascript">
33 //1.基本选择器
34 $(function(){
35 //1. 使用 id 选择器选择 id=btn1 的元素: $("#btn1")
36 //2. 为选择的 jQuery 对象添加 onclick 响应函数:
37 // $("#btn1").click(function(){}), 响应函数的代码
38 //写在 function(){} 的中括号中.
39 $("#btn1").click(function(){
40 $("#one").css("background", "#ffbbaa");
41 });
42 $("#btn2").click(function(){
43 $(".mini").css("background", "#ffbbaa");
44 });
45 $("#btn3").click(function(){
46 $("div").css("background", "#ffbbaa");
47 });
48 $("#btn4").click(function(){
49 $("*").css("background", "#ffbbaa");
50 });
51 $("#btn5").click(function(){
52 $("span,#two").css("background", "#ffbbaa");
53 });
54 })
55
56 </script>
57
58 </head>
59 <body>
60 <input type="button" value="选择 id 为 one 的元素" id="btn1" />
61 <input type="button" value="选择 class 为 mini 的所有元素" id="btn2" />
62 <input type="button" value="选择 元素名是 div 的所有元素" id="btn3" />
63 <input type="button" value="选择 所有的元素" id="btn4" />
64 <input type="button" value="选择 所有的 span 元素和id为two的元素" id="btn5" />
65
66 <br><br>
67 <div class="one" id="one">
68 id 为 one,class 为 one 的div
69 <div class="mini">class为mini</div>
70 </div>
71 <div class="one" id="two" title="test">
72 id为two,class为one,title为test的div
73 <div class="mini" title="other">class为mini,title为other</div>
74
Android Studio 一些使用经验 - 传说之美 阅读原文»
一、Mac或Win 7 配置环境，以gradle为例
（1）、可以在这里找gradle下载，或者去官网啦
添加环境变量：
1、启动Terminal终端
2、输入cd ~/ 进入当前用户的home目录
3、创建.bash_profile文件：touch .bash_profile
4、打开并编辑：open .bash_profile
5、加入环境变量：
export PATH=${PATH}:/Users/bill/Documents/software/gradle-2.2.1/bin
2、输入cd ~/ 进入当前用户的home目录
3、创建.bash_profile文件：touch .bash_profile
4、打开并编辑：open .bash_profile
5、加入环境变量：
export PATH=${PATH}:/Users/bill/Documents/software/gradle-2.2.1/bin
测试是否成功
重新加载环境变量：source .bash_profile
查看gradle:gradle -versino
成功就会输出gradle信息
查看gradle:gradle -versino
成功就会输出gradle信息
（2）、Win 7 配置环境，以gradle为例
我的电脑(计算机)-->鼠标右键-->属性-->高级系统设置-->高级-->环境变量，添加变量和值如下
ANDROID_HOME
E:\android\android-sdk-windows
CLASSPATH
%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
GRADLE_HOME
E:\android\gradle-2.2.1
JAVA_HOME
C:\Program Files\Java\jdk1.7.0_60
PATH
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;%GRADLE_HOME%/bin;%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;
E:\android\android-sdk-windows
CLASSPATH
%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
GRADLE_HOME
E:\android\gradle-2.2.1
JAVA_HOME
C:\Program Files\Java\jdk1.7.0_60
PATH
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;%GRADLE_HOME%/bin;%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;
二、添加代码注解功能
配置路径：Files-->Settings-->File and Code Templates-->Includes
修改File Header即可：
/**
* 在此写用途
* @FileName:
* ${PACKAGE_NAME}.${NAME}.java
* @author: myName
* @date: ${YEAR}-${MONTH}-${DAY} ${HOUR}:${MINUTE}
* @version V1.0 <描述当前版本功能>
*/
* 在此写用途
* @FileName:
* ${PACKAGE_NAME}.${NAME}.java
* @author: myName
* @date: ${YEAR}-${MONTH}-${DAY} ${HOUR}:${MINUTE}
* @version V1.0 <描述当前版本功能>
*/
myName 填写自己的姓名
这样创建java文件时就自动添加头部文件
如何引用File Header的？创建class时，会自动引用模板，路径在Files-->Settings-->File and Code Templates-->Templates-->class
我们试试创建class文件时自动添加一个TAG在里面，改下代码
#if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "")package ${PACKAGE_NAME};
订阅：
博文评论 (Atom)
没有评论:
发表评论