jQuery属性选择符

属性选择符 []

可用符号：
= 、
^= 、这个表示以什么开头
$= 、这个表示以什么结尾
*= 、这个表示含有什么
!= ”这个表示没有什么

练习：

为电子邮件添加类(考这个^=)

html代码

( <a class="e"  href="mailto:henryiv@king.co.uk">邮件</a>)
css代码
.mail{
    background:url("images/email.png") no-repeat 100% ;
    /*background-position:18px 5px;*/
    padding-right:20px;
}
juqery代码
$(document).ready(function(){
    $('a[href^=mailto]').addClass('mail');
});
//====================================
练习：

  
  

   
   为“
   
   href
   
   属性以
   
   http
   
   开头，且包含
   
   henry
   
   ”
   
   的元素添加类（考这个*=）

   
   
“且”： 属性组合
首先理解这道题
它的意思是只关href的事，而不是链接里面的内容，看代码
html
<a href="http://www.shakespeare.co.uk/henryv.htm">henry V</a>
<a href="http://www.hao123.com">henry ffff</a>
仔细比较，第一行才实现

  
  
css代码
.henrylink {
    background-color: #fff;
    padding: 2px;
    border: 1px solid #000;
}
jquery代码
$(document).ready(function(){
    //$('a[href^=http][href*=henry]').addClass('mail');
    alert("ddd");
    $('a[href^=http][href*=henry]').addClass('henrylink');
});
练习：上一次的练习是且，这一次是或
需求改为“href属性以http开头，或包含henry”
暂时没有想到很好的方法解决这个需求，只能分开写
html代码
<li><a href="http://www.shakespeare.co.uk/henry.htm">Henry V</a></li>
<a href="http://www.hao123.com">Henry ffff</a>
css代码
.henrylink {
    background-color: #fff;
    padding: 2px;
    border: 1px solid #000;
}
jQuery代码
$('a[href^=http]').addClass('henrylink');
$('a[href*=henry]').addClass('henrylink');
//======================================