表单/属性过滤器
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”);
小细节
- 边框变得圆润:border-radius:6px;
- 设置图像的 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变为红色