2020.9.28

表单/属性过滤器

eg://属性过滤器
$(“a[href=#]”).attr(“href”, “javascript:void(0)”);
//id以a开头的变成粉色
$(“a[id^=a]”).css(“color”, “pink”);

        //a标签id以re结尾的变成红色
        $("a[id$=re]").css("color", "red ");

        //a标签id以b开头以c结尾变成绿色
        $("a[id^=b][id$='c']").css("color", "green ");

        //a标签id包含变成灰色
        $("a[id*=2]").css("color", "darkgray");

   //表单过滤器
        //获取button按钮的数量
        alert($(":button").length);
        //
        $(":text").attr("value", "张三");
    })

***********
eq(index)：获取是index索引值的元素(索引从0开始,负值从后开始)

first()：选取第一个元素

last()：选取最后一个元素

not(select)：选取不是该选择器的元素
$(‘p:even’)：选取索引是偶数的P元素(索引从0开始)

$(‘p:odd’)：选取索引是奇数的p元素(索引从0开始)

$(‘p:eq(index)’)：选取索引等于index的p元素(索引从0开始,索引支持负数)

$(‘p:gt(index)’)：选取索引>index的p元素(索引从0开始)

$(‘p:lt(index)’)：选取索引<index的p元素(索引从0开始)

$(‘:header’)：选取标题元素h1~h6

$(‘:animated’)：选取正在执行动画的元素

$(‘input:focus’)：选取当前被焦点的元素
$(’:header’).css(‘color’,‘blue’);//全局查找
$(‘h4:header’).css(‘color’,‘peru’);//限定了是h4
$(‘input’).focus();//设置页面刷新就激活焦点
$(‘input:focus’).css(‘color’,‘deeppink’)
// :focus过滤器必须是网页初始状态就已经被激活的焦点元素,不能是通过鼠标点击或Tab键激活

获取数据

**需要多注意单选按钮与复选框

****下拉框

图片获取，必须为图片按钮

$(":image").css(“width”,“50px”);

小细节

1. 边框变得圆润：border-radius：6px；
2. 设置图像的 z-index：100；
   z-index 属性设置元素的堆叠顺序（可用于将在一个元素放置于另一元素之后。）。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面
   元素可拥有负的 z-index 属性值。
   该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。
   如果为正数，则离用户更近，为负数则表示离用户更远。

注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

img
  {
  position:absolute;
  left:0px;
  top:0px;
  z-index:-1;
  }

<a href="#">
<a href="java">

attr 改的属性。css改的样式
^=a:以a开头的id变为红色