大家好呀,好久不见,正所谓一日不见如隔三秋,咱这两个月没见估计都快把小D给忘了哈,额,这个主要怪我啦,这段时间都在赶毕业设计,这不看着快做完了,眼下整理下有关web前台的资料,这回先贴出一部分JQuery相关的用法和小技巧,一来呢方便我查看;二来呢还是惯例,帮助我们后来的朋友,哈哈。
好了,再多扯淡的话还不如咱干货来得直接,我上网看朋友们的文章也是一样的,实实在在的干货是最讨人喜欢的了,小D马上呈现上来!
JQuery筛选器用法小结
一、选择对象
1.1基本选取方式
1、#id:根据给定的ID匹配一个元素。例如:$("#xxx_id")
2、element:匹配所有给定的元素名的元素。例如:$("div")
3、.class:根据给定的类匹配元素。例如:$(".cls1")
4、*:匹配所有元素。例如:$("*")
5、selector1,selector2,…,selectorN:将每一个选择器匹配到的元素合并后一起返回。例如:$("#xxx_id, div, .cls1")
特殊的,下面是一些表单里面的一些对象选择方法
1.2表单类选取方式
1、:button:匹配所有按钮。例如:$(":button")
2、:checkbox 匹配所有复选框。例如:$(":checkbox")
3、:file 匹配所有文件域。例如:$(":File")
4、:hidden 匹配所有不可见元素,或type属性为hidden的元素。例如:$("input:hidden")
5、:image 匹配所有图像。例如:$(":image")
6、:input 匹配所有 input, textarea, select 和 button 元素。例如:$(":input")
7、:password 匹配所有密码框。例如:$(":password")
8、:radio 匹配所有单选按钮。例如:$(":radio")
9、:reset 匹配所有重置按钮。例如:$(":reset")
10、:submit 匹配所有提交按钮。例如:$(":submit")
11、:text 匹配所有的单行文本框。例如:$(":text")
12、:header 匹配如 h1, h2, h3之类的标题类型的元素。例如:$(":header").css("background", "#000FFF");
二、条件筛选
2.1通过属性筛选
1、[attribute*=value] 匹配给定的属性是以包含某些值的元素。例如:$("input[name*='dark'")
2、[attribute!=value] 匹配所有含有指定的属性,但属性不等于特定值的元素。例如:$(input[name!='dark')
3、[attribute$=value] 匹配给定的属性是以某些值结尾的元素。例如:$("input[name$='dark']")
4、[attribute=value] 匹配给定的属性是某个特定值的元素。例如:$("input[name='dark']")
5、[attribute] 匹配包含给定属性的元素。例如:$("div[id]")
6、[attribute^=value] 匹配给定的属性是以某些值开始的元素。例如:$("input[name^='dark']")
7、[selector1][selector2][selectorN] 的形式可以表示同时满足多个条件。例如:$("input[id][name='dark']")
8、:hidden 匹配所有的不可见元素。例如:$("tr:hidden")
9、:visible 匹配所有的可见元素。例如:$("tr:visible")
10