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选择器返单个元素）

  1. $(document).ready(function () {
  2.         $('#one').css('background', '#000');
  3.  });

2. class选择器（遍历css类元素）
将class="cube"的元素背景色设为黑色

  1. $(document).ready(function () {
  2.         $('.cube').css('background', '#000');
  3. });

3. 标签选择器（遍历html元素）
将p元素的文字大小设置为12px

  1. $(document).ready(function () {
  2.         $('p').css('font-size', '12px');
  3. });

4. 全局（*） 选择器（遍历所有元素）

  1. $(document).ready(function () {
  2.         // 遍历所有元素，将字体颜色设置为红色
  3.         $('*').css('color', '#FF0000');
  4. });

5. 并集选择器

  1. $(document).ready(function () {
  2.         // 将p元素和div元素的颜色设为红色
  3.         $('p, div').css('color', '#FF0000');
  4.  
  5. }

6. 交集选择器

  1. $(document).ready(function () {
  2.  
  3.       // 将所有拥有class为tittle的h2元素颜色设为红色              $(‘h2.tittle’).css('color', '#FF0000')
  4. }

二、 层次选择器

jQuery中有4种层次选择器，他们分别是后代选择器，子选择器，相邻元素选择器和同辈元素选择器，其中最常用的是后代选择器和子选择器，他们和css中的后代选择器的语法及选取范围均相同。

子选择器的范围要比后代选择器的选取范围小

1.子选择器 parent > child（直系子元素）

  1. $(document).ready(function () {
  2.         // 选取div下的第一代span元素，将字体颜色设为红色
  3.         $('div > span').css('color', '#FF0000');
  4.     });

下面的代码，只有第一个span会变色，第二个span不属于div的一代子元素，颜色保持不变。

  1. <div>
  2.         <span></span>
  3.         <p>
  4.             <span></span>
  5.         </p>
  6. </div>

2.相邻元素选择器 prev + next（下一个兄弟元素，等同于next()方法）

  1. $(document).ready(function () {
  2.     // 选取class为item的下一个div兄弟元素
  3.     $('.item + div').css('color', '#FF0000');
  4.     // 等价代码
  5.     //$('.item').next('div').css('color', '#FF0000');
  6. });

下面的代码，只有123和789会变色，而456不是相邻，所以不会变色

  1. <p class="item"></p>
  2. <div></div>
  3. <div></div>
  4. <span class="item"></span>
  5. <div></div>

3. 同辈元素选择器prev ~ siblings（prev元素的所有兄弟元素，等同于nextAll()方法）

  1. $(document).ready(function () {
  2.     // 选取class为inside之后的所有div兄弟元素
  3.     $('.inside ~ div').css('color', '#FF0000');
  4.     // 等价代码
  5.     //$('.inside').nextAll('div').css('color', '#FF0000');
  6. });

下面的代码，G2和G4会变色

  1. <div class="inside">G1</div>
  2. <div>G2</div>
  3. <span>G3</span>
  4. <div>G4</div>

4. 后代选择器

  1. $(function()){
  2.  
  3. // 选取id为myid下的所有<span>元素
  4.  
  5. $(‘#myid span’).css('color', '#FF0000');
  6.  
  7. };

下面的代码000和222都会变色

  1. <div id="myid">
  2.  
  3.    <h1></h1>
  4.  
  5.    <p><span></span></p>
  6.  
  7.    <span></span>
  8.  
  9. </div>

三．属性选择器

1. [attribute]用法 
定义：匹配包含给定属性的元素,判断拥有某个属性的元素

  1. $("div[id]").addClass("highlight"); 
  2.  
  3. //查找所有含有ID属性的div元素

2. [attribute=value]用法 
定义：匹配给定的属性是某个特定值的元素，判断某个元素的属性值相等

  1. $("input[name='basketball']").attr("checked",true); 
  2.  
  3.   //name属性值为basketball的input元素选中

3. [attribute!=value]用法 
定义：匹配给定的属性是不包含某个特定值的元素，判断某个元素的属性值不等

  1. $("input[name!='basketball']").attr("checked",true); 
  2.  
  3.   //name属性值不为basketball的input元素选中 
  4.  
  5.   //此选择器等价于:not([attr=value])

要匹配含有特定属性但不等于特定值的元素，请使用

  1. [attr]:not([attr=value])
  2.  
  3.   $("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选择器 之详述的更多相关文章

  1. JQuery 选择器

    选择器是JQuery的根基,在JQuery中,对事件的处理,遍历DOM和AJAX操作都依赖于选择器.如果能够熟练地使用选择器,不仅能简化代码,而且还可以事半功倍. JQuery选择器的优势 1.简洁的 ...

  2. jQuery的案例及必知重要的jQuery选择器

    Jquery能做什么 访问和操作DOM元素 控制页面样式 对页面事件进行处理 扩展新的jQuery插件 与Ajax技术完美结合 Jquery的优势 体积小,压缩后只有100KB左右 l强大的选择器 出 ...

  3. 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

    × 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...

  4. jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html

    我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...

  5. 《锋利的jQuery（第2版）》笔记-第2章-jQuery选择器

    选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.熟练使用选择器,不仅可以简化代码,而且可以达到事半功倍的效果. 2.1 jQuery选择器是什么 1. ...

  6. 深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

    × 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的 ...

  7. 深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器

    × 目录 [1]简单属性 [2]具体属性 [3]条件属性 前面的话 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选 ...

  8. 深入学习jQuery选择器系列第二篇——过滤选择器之子元素选择器

    × 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 在上一篇中已经介绍过基础选择器和层级选择器,本文开始介绍过滤选择器.过滤选择器是jQuery选择器中最为庞大也是最为 ...

  9. jQuery-1.9.1源码分析系列（二）jQuery选择器

    1.选择器结构 jQuery的选择器根据源码可以分为几块 init: function( selector, context, rootjQuery ) { ... // HANDLE: $(&quo ...

随机推荐

  1. 删除所有ecshop版权和logo

    前面我们已经讲过如何删除ecshop的版权,但是还有很多人不会,今天就详细的讲下如何删除所有ecshop版权和logo 前台部分: 1:去掉头部TITLE部分的ECSHOP演示站 Powered by ...

  2. Css溢出隐藏

    display: -webkit-box;-webkit-line-clamp: 2;     /*多少行数之后显示为省略...*/word-wrap: break-word;word-break: ...

  3. JavaScript实现回车键切换输入框焦点

    用JavaScript实现回车键切换输入框焦点的功能,不是回车换行哦,在Textarea中,回车换行是默认功能,不过若要在textarea中使用 回车切换输入框焦点功能的话,回车换行就要失效了,不过i ...

  4. PHP判断远程图片或文件是否存在

    PHP判断远程图片是否存在,此方法同样适用于判断远程文件是否存在,这是一种既然有效率且又准确的方法,建议采用此方法,以往使用get_headers()方法判断都是有问题的: function chec ...

  5. 文成小盆友python-num14 － web 前端基础 html ，css, JavaScript

    本部分主要内容 html - 基础 css - 基础 一.html 标签 html 文档标签树如下: head 部分 Meta(metadata information) 提供有关页面的元信息,例:页 ...

  6. PreparedStatement可以有效地防止sql被注入

    import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSet; import jav ...

  7. printk和printf的区别

    内核使用printk()打印! 应用层使用printf()打印! &&& 大部分常用的C库函数在Linux内核中都已经得到了实现.在所有没有实现的函数中,最著名的就数print ...

  8. CentOS安装MySQL问题汇总

    遇到的错误 ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO) denied for ...

  9. mobile javascript

    http://www.cnblogs.com/zhepama/archive/2013/06/01/3112023.html http://www.csdn.net/article/2014-01-0 ...

  10. uva 10020 Minimal coverage

    http://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem&p ...