你的位置:首页 > 软件开发 > Java > jquery选择器(原创)四

jquery选择器(原创)四

发布时间:2015-09-05 12:00:12
前面学习了基本选择器,现在学习过滤选择器中的简单过滤选择器:简单过滤选择器,主要根据索引值对元素进行筛选,这些过滤选择器类似于CSS的伪类选择器,他们均以冒号(:)开头,并且要与另外一个选择器一起使用。1.:first选择器,对当前jquery集合进行过滤选择,并选择出第一个匹配 ...

jquery选择器(原创)四

jquery选择器(原创)四

前面学习了基本选择器,现在学习过滤选择器中的简单过滤选择器:

jquery选择器(原创)四

简单过滤选择器,主要根据索引值对元素进行筛选,这些过滤选择器类似于CSS的伪类选择器,他们均以冒号(:)开头,并且要与另外一个选择器一起使用。

1.:first选择器,对当前jquery集合进行过滤选择,并选择出第一个匹配元素,语法格式如下:

$("selector:first")

其中,参数selector表示任意有效的选择器

2.:last选择器

:last选择器,对当前jquery集合进行筛选,并选择出最后一个匹配的元素,语法格式如下。

$("selector:last")

其中,参数selector表示任意有效的选择器。

<!DOCTYPE html><html "http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <title>简单过滤选择器</title>  <script type="text/javascript" src='/images/loading.gif' data-original="js/jquery-1.11.0.js"></script>  <script type="text/javascript">    $(function () {      //将第一列的边框颜色变成蓝色      $("td:first").css("border", "2px solid blue");      //将最后一列的边框颜色变成红色      $("td:last").css("border", "2px solid red");    });  </script></head><body>  <table>     <tr>       <td>第一列</td>       <td>第二列</td>       <td>第三列</td>       <td>第四列</td>     </tr>  </table></body></html>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:jquery选择器(原创)四

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录