2020-09-28每日小总结-CSDN博客

本文链接：https://blog.csdn.net/ay991120/article/details/108854701

今天学习的是可见性过滤器，属性过滤器以及表单选择器，想要设置不同的效果都可以很方便的去进行使用。
属性过滤器JQuery里：
下面展示一些 内联代码片。

```javascript
$(function () {
        $("a[class^=a]").css("color", "red");//将a标签里开头class为a的字体设置为红色
        $("a[class$=c]").css("color", "red");//将a标签里结尾class为c的字体设置为红色
       $("a[href=#]").attr("href","javascript:void(0)")//将a标签#地址转换为其他固定地址
        })

body里：下面展示一些 内联代码片

// An highlighted block
var foo = 'bar';
```<a href="#" class="a">元素一</a>
           <a href="#" class="ab">元素二</a>
          <a href="javascript:void(0)" class="abc">元素三</a>-->

表单选择器：

// A code block
var foo = 'bar';

// An highlighted block
var foo = 'bar';
$("#btn_submit").click(function () {
               //单选框
            var sex = $(":radio:checked").val();
            console.log(sex);
            //复选框
            var hot = "";
            $(":checkbox:checked").each(function () {
                hot += $(this).val()+"、"
            })
            console.log(hot);
            //下拉列表
            var drop = $("#select1 :selected").val();
            console.log(drop);
            return false;

// A code block
var foo = ‘bar’;

<body>
<table>
<tr>
<td></td>
</tr>
</table>
</body>