jQuery选择器 之详述
jQuery选择器
一. 单词小计
Pervious 上一页sibling 同级first 第一last 最后not 不
Even 偶数 odd 奇数 header 页眉
一．jQuery选择器概述
选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM和Ajax操作都依赖于选择器。因此，如果能熟练的使用选择器，不仅能简化代码，而且可以达到事半功倍的效果。jQuery选择器完全继承了CSS的风格。利用jQuery选择器，可以非常便捷的找出特定的DOM元素，然后为它们添加相应的行为，而无需担心浏览器是否支持这一选择器。
jQuery选择器与CSS选择器的不同之处就在于，jQuery选择器获取元素后，为该元素添加的是行为，是页面交互变得更加丰富多彩。
二．通过CSS选择器获取元素
jQuery支持大多数CSS选择器，其中最常用的有CSS的基本选择器，层次选择器和属性选择器，在jQuery中，与他们对应的分别是jQuery基本选择器，层次选择器和属性选择器，他们的构成规则与CSS选择器完全相同。
一．基本选择器
基本选择器主要包括标签选择器、类选择器、ID选择器、并集选择器、交集选择器和全局选择器。
1. id选择器（指定id元素）
将id="one"的元素背景色设置为黑色。（id选择器返单个元素）
$(document).ready(function () {
$('#one').css('background', '#000');
});
2. class选择器（遍历css类元素）
将class="cube"的元素背景色设为黑色
$(document).ready(function () {
$('.cube').css('background', '#000');
});
3. 标签选择器（遍历html元素）
将p元素的文字大小设置为12px
$(document).ready(function () {
$('p').css('font-size', '12px');
});
4. 全局（*） 选择器（遍历所有元素）
$(document).ready(function () {
// 遍历所有元素，将字体颜色设置为红色
$('*').css('color', '#FF0000');
});
5. 并集选择器
$(document).ready(function () {
// 将p元素和div元素的颜色设为红色
$('p, div').css('color', '#FF0000');
}
6. 交集选择器
$(document).ready(function () {
// 将所有拥有class为tittle的h2元素颜色设为红色 $(‘h2.tittle’).css('color', '#FF0000')
}
二、 层次选择器
jQuery中有4种层次选择器，他们分别是后代选择器，子选择器，相邻元素选择器和同辈元素选择器，其中最常用的是后代选择器和子选择器，他们和css中的后代选择器的语法及选取范围均相同。
子选择器的范围要比后代选择器的选取范围小
1.子选择器 parent > child（直系子元素）
$(document).ready(function () {
// 选取div下的第一代span元素，将字体颜色设为红色
$('div > span').css('color', '#FF0000');
});
下面的代码，只有第一个span会变色，第二个span不属于div的一代子元素，颜色保持不变。
<div>
<span></span>
<p>
<span></span>
</p>
</div>
2.相邻元素选择器 prev + next（下一个兄弟元素，等同于next()方法）
$(document).ready(function () {
// 选取class为item的下一个div兄弟元素
$('.item + div').css('color', '#FF0000');
// 等价代码
//$('.item').next('div').css('color', '#FF0000');
});
下面的代码，只有123和789会变色，而456不是相邻，所以不会变色
<p class="item"></p>
<div></div>
<div></div>
<span class="item"></span>
<div></div>
3. 同辈元素选择器prev ~ siblings（prev元素的所有兄弟元素，等同于nextAll()方法）
$(document).ready(function () {
// 选取class为inside之后的所有div兄弟元素
$('.inside ~ div').css('color', '#FF0000');
// 等价代码
//$('.inside').nextAll('div').css('color', '#FF0000');
});
下面的代码，G2和G4会变色
<div class="inside">G1</div>
<div>G2</div>
<span>G3</span>
<div>G4</div>
4. 后代选择器
$(function()){
// 选取id为myid下的所有<span>元素
$(‘#myid span’).css('color', '#FF0000');
};
下面的代码000和222都会变色
<div id="myid"> <h1></h1> <p><span></span></p> <span></span> </div>
三．属性选择器
1. [attribute]用法
定义：匹配包含给定属性的元素,判断拥有某个属性的元素
$("div[id]").addClass("highlight");
//查找所有含有ID属性的div元素
2. [attribute=value]用法
定义：匹配给定的属性是某个特定值的元素，判断某个元素的属性值相等
$("input[name='basketball']").attr("checked",true);
//name属性值为basketball的input元素选中
3. [attribute!=value]用法
定义：匹配给定的属性是不包含某个特定值的元素，判断某个元素的属性值不等
$("input[name!='basketball']").attr("checked",true);
//name属性值不为basketball的input元素选中
//此选择器等价于:not([attr=value])
要匹配含有特定属性但不等于特定值的元素，请使用
[attr]:not([attr=value])
$("input:not(input[name='basketball'])").attr("checked",true);
4. [attribute^=value]用法
定义：匹配给定的属性是以某些值开始的元素，判断某个属性值以value为开始值
$("input[name^='foot']").attr("checked",true);
//查找所有 name 以 'foot' 开始的 input 元素
5. [attribute$=value]用法
定义：匹配给定的属性是以某些值结尾的元素，判断某个属性值以value为结尾值
$("input[name$='ball']").attr("checked",true);
//查找所有 name 以 'ball' 结尾的 input 元素
6. [attribute*=value]用法
定义：匹配给定的属性是以包含某些值的元素，判断某个属性值包含value
$("input[name*='sket']").attr("checked",true);
//查找所有 name 包含 'sket' 的 input 元素
7. [selector1][selector2][selectorN]用法
定义：复合属性选择器，需要同时满足多个条件时使用，多个属性值去交集
$("input[id][name$='ball']").attr("checked",true);
//找到所有含有 id属性，并且它的 name属性是以 ball结尾的input 元素
三．通过条件过滤选取元素
过滤选择器主要通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的伪类语法相同，即选择器都以一个冒号（：）开头，冒号前是进行过滤的元素。
按照不同的过滤条件，过滤选择器可以分为基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤和表单对象属性过滤选择器。
一．基本过滤选择器
1 :first和:last（取第一个元素或最后一个元素）
$(document).ready(function () {
$('span:first').css('color', '#FF0000');
$('span:last').css('color', '#FF0000');
});下面的代码，G1（first元素）和G3（last元素）会变色
<span>G1</span>
<span>G2</span>
<span>G3</span>
2 :not（取非元素）
$(document).ready(function () {
$('div:not(.wrap)').css('color', '#FF0000');
});下面的代码，G1会变色
<div>G1</div>
<div class="wrap">G2</div>
但是，请注意下面的代码：
<div>
G1
<div class="wrap">G2</div>
</div>
当G1所在div和G2所在div是父子关系时，G1和G2都会变色。
3 :even和:odd（取偶数索引或奇数索引元素，索引从0开始，even表示偶数，odd表示奇数）
$(document).ready(function () {
$('li:even').css('background', '#EEE'); // 偶数行颜色
$('li:odd').css('background', '#DADADA'); // 奇数行颜色
});A、C行颜色#EEE（第一行的索引为0），B、D行颜色#DADADA
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>
4 :eq(x) （取指定索引的元素）
$(document).ready(function () {
$('li:eq(2)').css('background', '#FF0000');
});更改第三行的背景色，在上面的代码中C的背景会变色。
5 :gt(x)和:lt(x) （取大于x索引或小于x索引的元素）
$(document).ready(function () {
$('ul li:gt(2)').css('color', '#FF0000');
$('ul li:lt(2)').css('color', '#0000FF');
});L4和L5会是红色，L1和L2会是蓝色，L3是默认颜色
<ul>
<li>L1</li>
<li>L2</li>
<li>L3</li>
<li>L4</li>
<li>L5</li>
</ul>
6 :header（取H1~H6标题元素）
$(document).ready(function () {
$(':header').css('background', '#EFEFEF');
});下面的代码，H1~H6的背景色都会变
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
7. :focus (当前获取焦点的元素)
$(document).ready(function () {
$(':focus').css('background', '#000');
});改变当前获取焦点的元素的背景颜色
二．可见性过滤选择器
在jQuery中，通过元素显示状态选取元素的选择器称为可见性过滤选择器
1 :hidden（取隐藏(不可见)的元素）
jQuery至1.3.2之后的:hidden选择器仅匹配display:none或<input type="hidden" />的元素，而不匹配visibility: hidden或opacity:0的元素。这也意味着hidden只匹配那些“隐藏的”并且不占空间的元素，像visibility:hidden或opactity:0的元素占据了空间，会被排除在外。
<style type="text/css">
div {
margin: 10px;
width: 200px;
height: 40px;
border: 1px solid #FF0000;
display: block;
}
.hid-1 {
display: none;
}
.hid-2 {
visibility: hidden;
}
</style>
<script src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('div:hidden').show(500);
alert($('input:hidden').val());
});
</script>
</head>
<body>
<div class="hid-1">display: none</div>
<div class="hid-2">visibility: hidden</div>
<input type="hidden" value="hello" />
</body>
先弹出"hello"对话框，然后hid-1会显示，hid-2仍然是不可见的。
2 :visible（取可见的元素）
<script type="text/javascript">
$(document).ready(function() {
$('div:visible').css('background', '#EEADBB');
});
</script>
<div class="hid-1">display: none</div>
<div class="hid-2">visibility: hidden</div>
<input type="hidden" value="hello"/>
<div>
我有背景色
</div>
代码中，最后一个div会有背景色
四．jQuery选择器注意事项
一．选择器中含有特殊符号的注意事项
在W3C规范中，规定属性值中不能含有某些特殊字符，但在实际开发中，可能会遇到表达式中有“#”和“.”等特殊字符情况，如果按照普通方式处理就会出错。课用转义符转义解决。
<div id="id#a">aa</div>
<div id="id[2]">cc</div>
按照普通方式获取，如
$(‘#id#a’);
$(‘#id[2]’);
不能正确获取元素，正确写法如下
$(‘#id\\#a’);
$(‘#id\\[2\\]’);
二．选择器中含有空格的注意事项
选择器中空格是不容忽视的，多一个空格或少一个空格，可能会得到截然不同的结果。
jQuery选择器
一. 单词小计
Pervious 上一页sibling 同级first 第一last 最后not 不
Even 偶数 odd 奇数 header 页眉
一．jQuery选择器概述
选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM和Ajax操作都依赖于选择器。因此，如果能熟练的使用选择器，不仅能简化代码，而且可以达到事半功倍的效果。jQuery选择器完全继承了CSS的风格。利用jQuery选择器，可以非常便捷的找出特定的DOM元素，然后为它们添加相应的行为，而无需担心浏览器是否支持这一选择器。
jQuery选择器与CSS选择器的不同之处就在于，jQuery选择器获取元素后，为该元素添加的是行为，是页面交互变得更加丰富多彩。
二．通过CSS选择器获取元素
jQuery支持大多数CSS选择器，其中最常用的有CSS的基本选择器，层次选择器和属性选择器，在jQuery中，与他们对应的分别是jQuery基本选择器，层次选择器和属性选择器，他们的构成规则与CSS选择器完全相同。
一．基本选择器
基本选择器主要包括标签选择器、类选择器、ID选择器、并集选择器、交集选择器和全局选择器。
1. id选择器（指定id元素）
将id="one"的元素背景色设置为黑色。（id选择器返单个元素）
$(document).ready(function () {
$('#one').css('background', '#000');
});
2. class选择器（遍历css类元素）
将class="cube"的元素背景色设为黑色
$(document).ready(function () {
$('.cube').css('background', '#000');
});
3. 标签选择器（遍历html元素）
将p元素的文字大小设置为12px
$(document).ready(function () {
$('p').css('font-size', '12px');
});
4. 全局（*） 选择器（遍历所有元素）
$(document).ready(function () {
// 遍历所有元素，将字体颜色设置为红色
$('*').css('color', '#FF0000');
});
5. 并集选择器
$(document).ready(function () {
// 将p元素和div元素的颜色设为红色
$('p, div').css('color', '#FF0000');
}
6. 交集选择器
$(document).ready(function () {
// 将所有拥有class为tittle的h2元素颜色设为红色 $(‘h2.tittle’).css('color', '#FF0000')
}
二、 层次选择器
jQuery中有4种层次选择器，他们分别是后代选择器，子选择器，相邻元素选择器和同辈元素选择器，其中最常用的是后代选择器和子选择器，他们和css中的后代选择器的语法及选取范围均相同。
子选择器的范围要比后代选择器的选取范围小
1.子选择器 parent > child（直系子元素）
$(document).ready(function () {
// 选取div下的第一代span元素，将字体颜色设为红色
$('div > span').css('color', '#FF0000');
});下面的代码，只有第一个span会变色，第二个span不属于div的一代子元素，颜色保持不变。
<div>
<span>123</span>
<p>
<span>456</span>
</p>
</div>
2.相邻元素选择器 prev + next（下一个兄弟元素，等同于next()方法）
$(document).ready(function () {
// 选取class为item的下一个div兄弟元素
$('.item + div').css('color', '#FF0000');
// 等价代码
//$('.item').next('div').css('color', '#FF0000');
});下面的代码，只有123和789会变色，而456不是相邻，所以不会变色
<p class="item"></p>
<div>123</div>
<div>456</div>
<span class="item"></span>
<div>789</div>
3. 同辈元素选择器prev ~ siblings（prev元素的所有兄弟元素，等同于nextAll()方法）
$(document).ready(function () {
// 选取class为inside之后的所有div兄弟元素
$('.inside ~ div').css('color', '#FF0000');
// 等价代码
//$('.inside').nextAll('div').css('color', '#FF0000');
});下面的代码，G2和G4会变色
<div class="inside">G1</div>
<div>G2</div>
<span>G3</span>
<div>G4</div>
4. 后代选择器
$(function()){
// 选取id为myid下的所有<span>元素
$(‘#myid span’).css('color', '#FF0000');
};下面的代码000和222都会变色
<div id="myid">
<h1>111</h1>
<p><span>222</span></p>
<span>000</span>
</div>
三．属性选择器
1. [attribute]用法
定义：匹配包含给定属性的元素,判断拥有某个属性的元素
$("div[id]").addClass("highlight");
//查找所有含有ID属性的div元素
2. [attribute=value]用法
定义：匹配给定的属性是某个特定值的元素，判断某个元素的属性值相等
$("input[name='basketball']").attr("checked",true);
//name属性值为basketball的input元素选中
3. [attribute!=value]用法
定义：匹配给定的属性是不包含某个特定值的元素，判断某个元素的属性值不等
$("input[name!='basketball']").attr("checked",true);
//name属性值不为basketball的input元素选中
//此选择器等价于:not([attr=value])
要匹配含有特定属性但不等于特定值的元素，请使用[attr]:not([attr=value])
$("input:not(input[name='basketball'])").attr("checked",true);
4. [attribute^=value]用法
定义：匹配给定的属性是以某些值开始的元素，判断某个属性值以value为开始值
$("input[name^='foot']").attr("checked",true);
//查找所有 name 以 'foot' 开始的 input 元素
5. [attribute$=value]用法
定义：匹配给定的属性是以某些值结尾的元素，判断某个属性值以value为结尾值
$("input[name$='ball']").attr("checked",true);
//查找所有 name 以 'ball' 结尾的 input 元素
6. [attribute*=value]用法
定义：匹配给定的属性是以包含某些值的元素，判断某个属性值包含value
$("input[name*='sket']").attr("checked",true);
//查找所有 name 包含 'sket' 的 input 元素
7. [selector1][selector2][selectorN]用法
定义：复合属性选择器，需要同时满足多个条件时使用，多个属性值去交集
$("input[id][name$='ball']").attr("checked",true);
//找到所有含有 id属性，并且它的 name属性是以 ball结尾的input 元素
三．通过条件过滤选取元素
过滤选择器主要通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的伪类语法相同，即选择器都以一个冒号（：）开头，冒号前是进行过滤的元素。
按照不同的过滤条件，过滤选择器可以分为基本过滤，内容过滤，可见性过滤，属性过滤，子元素过滤和表单对象属性过滤选择器。
一．基本过滤选择器
1 :first和:last（取第一个元素或最后一个元素）
$(document).ready(function () {
$('span:first').css('color', '#FF0000');
$('span:last').css('color', '#FF0000');
});下面的代码，G1（first元素）和G3（last元素）会变色
<span>G1</span>
<span>G2</span>
<span>G3</span>
2 :not（取非元素）
$(document).ready(function () {
$('div:not(.wrap)').css('color', '#FF0000');
});下面的代码，G1会变色
<div>G1</div>
<div class="wrap">G2</div>
但是，请注意下面的代码：
<div>
G1
<div class="wrap">G2</div>
</div>
当G1所在div和G2所在div是父子关系时，G1和G2都会变色。
3 :even和:odd（取偶数索引或奇数索引元素，索引从0开始，even表示偶数，odd表示奇数）
$(document).ready(function () {
$('li:even').css('background', '#EEE'); // 偶数行颜色
$('li:odd').css('background', '#DADADA'); // 奇数行颜色
});A、C行颜色#EEE（第一行的索引为0），B、D行颜色#DADADA
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>
4 :eq(x) （取指定索引的元素）
$(document).ready(function () {
$('li:eq(2)').css('background', '#FF0000');
});更改第三行的背景色，在上面的代码中C的背景会变色。
5 :gt(x)和:lt(x) （取大于x索引或小于x索引的元素）
$(document).ready(function () {
$('ul li:gt(2)').css('color', '#FF0000');
$('ul li:lt(2)').css('color', '#0000FF');
});L4和L5会是红色，L1和L2会是蓝色，L3是默认颜色
<ul>
<li>L1</li>
<li>L2</li>
<li>L3</li>
<li>L4</li>
<li>L5</li>
</ul>
6 :header（取H1~H6标题元素）
$(document).ready(function () {
$(':header').css('background', '#EFEFEF');
});下面的代码，H1~H6的背景色都会变
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
7. :focus (当前获取焦点的元素)
$(document).ready(function () {
$(':focus').css('background', '#000');
});改变当前获取焦点的元素的背景颜色
二．可见性过滤选择器
在jQuery中，通过元素显示状态选取元素的选择器称为可见性过滤选择器
1 :hidden（取隐藏(不可见)的元素）
jQuery至1.3.2之后的:hidden选择器仅匹配display:none或<input type="hidden" />的元素，而不匹配visibility: hidden或opacity:0的元素。这也意味着hidden只匹配那些“隐藏的”并且不占空间的元素，像visibility:hidden或opactity:0的元素占据了空间，会被排除在外。
<style type="text/css">
div {
margin: 10px;
width: 200px;
height: 40px;
border: 1px solid #FF0000;
display: block;
}
.hid-1 {
display: none;
}
.hid-2 {
visibility: hidden;
}
</style>
<script src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('div:hidden').show(500);
alert($('input:hidden').val());
});
</script>
</head>
<body>
<div class="hid-1">display: none</div>
<div class="hid-2">visibility: hidden</div>
<input type="hidden" value="hello" />
</body>
先弹出"hello"对话框，然后hid-1会显示，hid-2仍然是不可见的。
2 :visible（取可见的元素）
<script type="text/javascript">
$(document).ready(function() {
$('div:visible').css('background', '#EEADBB');
});
</script>
<div class="hid-1">display: none</div>
<div class="hid-2">visibility: hidden</div>
<input type="hidden" value="hello"/>
<div>
我有背景色
</div>
代码中，最后一个div会有背景色
四．jQuery选择器注意事项
一．选择器中含有特殊符号的注意事项
在W3C规范中，规定属性值中不能含有某些特殊字符，但在实际开发中，可能会遇到表达式中有“#”和“.”等特殊字符情况，如果按照普通方式处理就会出错。课用转义符转义解决。
<div id="id#a">aa</div>
<div id="id[2]">cc</div>
按照普通方式获取，如
$(‘#id#a’);
$(‘#id[2]’);
不能正确获取元素，正确写法如下
$(‘#id\\#a’);
$(‘#id\\[2\\]’);
二．选择器中含有空格的注意事项
选择器中空格是不容忽视的，多一个空格或少一个空格，可能会得到截然不同的结果。
jQuery选择器 之详述的更多相关文章
- JQuery 选择器
选择器是JQuery的根基,在JQuery中,对事件的处理,遍历DOM和AJAX操作都依赖于选择器.如果能够熟练地使用选择器,不仅能简化代码,而且还可以事半功倍. JQuery选择器的优势 1.简洁的 ...
- jQuery的案例及必知重要的jQuery选择器
Jquery能做什么 访问和操作DOM元素 控制页面样式 对页面事件进行处理 扩展新的jQuery插件 与Ajax技术完美结合 Jquery的优势 体积小,压缩后只有100KB左右 l强大的选择器 出 ...
- 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器
× 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...
- jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...
- 《锋利的jQuery（第2版）》笔记-第2章-jQuery选择器
选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.熟练使用选择器,不仅可以简化代码,而且可以达到事半功倍的效果. 2.1 jQuery选择器是什么 1. ...
- 深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器
× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的 ...
- 深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器
× 目录 [1]简单属性 [2]具体属性 [3]条件属性 前面的话 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选 ...
- 深入学习jQuery选择器系列第二篇——过滤选择器之子元素选择器
× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 在上一篇中已经介绍过基础选择器和层级选择器,本文开始介绍过滤选择器.过滤选择器是jQuery选择器中最为庞大也是最为 ...
- jQuery-1.9.1源码分析系列（二）jQuery选择器
1.选择器结构 jQuery的选择器根据源码可以分为几块 init: function( selector, context, rootjQuery ) { ... // HANDLE: $(&quo ...
随机推荐
- 让一个Activity在开机后自动显示
Activity本身不会在手机开机后自动运行的.但想让手机开机后就立刻做一些动作,需要使用广播接收器拦截手机开启广播,并在onReceive方法中完成相应的动作,如打开一个Activity. 广播接收 ...
- Javascript的location对象
JavaScript window.location对象 示例 注意 方法 经常使用window.location,它的结构总是记不住,简单梳理下,方便以后查询. 示例 URL:http://b.a. ...
- FileZilla 无法保存密码
当保存密码时遇到这个问题时: 解决办法: 一.找到FileZilla的设置: 二.点击"界面",取消勾选"不要保存密码",点击"确定"按钮, ...
- rsync同步配置
因为公司数据库比较重要,现在只有一台服务器,IP为:118.145.*.*暂称为server,公司一台虚拟机,IP为.192.168.0.100 ,暂称为rsync 1.安装服务器端:yum -y i ...
- 【创建型】Builder模式
生成器模式的主要思想:将产品对象的创建与表现分离开,并且同样的创建过程可以有不同的产品表现. 直白一点可以理解为:待创建的对象是复杂的,一般情况下是需要经过多个步骤的创建后,最终才能将完整产品创建好, ...
- linux“批处理”脚本
依次执行A B C3条语句 最简单的 写如下代码 #!/bin/sh A B C 保存为test.sh然后添加执行权限chmod +x test.sh然后执行该脚本./test.sh
- 单/多行文本添加省略号 (oﾟωﾟo)
1.单行文本添加省略号 一般用于新闻列表展示 li{ width: 200px; height: 30px; line-height: 30px; cursor: pointer; list-styl ...
- 『软件介绍』SQLServer2008 基本操作
0x 01 连接数据库 Win7下,先打开SQLServer管理工具(开始菜单/所有程序/Microsoft SQL Server 2008/SQL Server Management Studio) ...
- JAVA接口示例
总感觉有点虚,但慢慢找到感觉了.将对象放进数组里,这就比较深入了. interface drawTest{ public void draw(); public void doAnyThing(); ...
- Java 多线程之龟兔赛跑（文件夹——读取文件——时间）
版权声明:本文为博主原创文章,未经博主允许不得转载. 描述: 乌龟和兔子(各自是一个Java线程)在我们的电脑上赛跑,我们为它们指定一个跑道(本地文件系统上的一个目录,该目录包含子目录).跑的规则是读 ...