JQuery选择器——可见性筛选选择器和属性筛选选择器-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

JQuery选择器——可见性筛选选择器和属性筛选选择器-创新互联

可见性筛选选择器和属性筛选选择器

10年积累的网站建设、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有井冈山免费网站建设让你可以放心的选择与我们合作。

1  可见性筛选选择器

$(":visible")    选择所有显示的元素

$(":hidden")    选择所有隐藏的元素,包含display=“none”元素的样式和隐藏表单、visibility等

2  隐藏元素的方式

  css  display的值是none

  type=“hidden”的表单元素

  宽度和高度都显示设置为0

  祖先元素是隐藏的,该元素不会在页面上显示

  css  visibility的值是hidden

  css  opacity的值是0

3  元素占据文档中一定的空间是可见的,所以元素的宽度和高度大于零

4  元素的visibility:hidden或opacity:0是可见的,仍然占据空间布局

5  不在文档中的元素是不可见的,插入文档中JQuery没有办法知道是否可见,因为元素可见性依赖于使用的样式

6  属性选择器可以基于属性定位元素,可以指定该元素的某个属性,所有使用该属性而不管它的值,这个元素都将被定位,也可以更加明确并定位在这些属性上使用特定值的元素

7   属性选择器

$("[attribute|='value']")    选择指定属性值等于给定字符串或以该文字串为前缀

(该字符串后跟一个连字符"-")的元素

$("[attribute*='value']")    选择指定属性具有包含一个给定的子字符串的元素(选择给定的属性是以包含某些值的元素)

$("[attribute~='value']")    选择指定属性用空格分隔的值包含一个给定值的元素

$("[attribute='value']")    选择指定属性是给定值的元素

$("[attribute!='value']")    选择不存在指定属性,或者指定的属性值不等于给定值的元素

$("[attribute^='value']")    选择指定属性是以给定字符串开始的元素

$("[attribute$='value']")    选择指定属性是以给定值结尾的元素,这个比较是区分大小写的

$("[attribute]")    选择所有具有指定属性的元素,该属性可以是任何值

$("[attribute1][attributeFilterN]")    选择匹配所有指定的属性筛选器的元素

8  浏览器支持

  [att=val]、[att]、[att|=val]、[att~=val]属于CSS2.1规范

  [ns|attr]、[att^=val]、[att*=val]、[att$=val]属于CSS3规范

  [name!="value"]属于JQuery扩展的选择器

9  [attr="value"]和[attr*="value"]是最实用的

10   [attr="value"]能定位不同类型的元素,特别是表单form元素的操作,比如input[type="text"]和input[type="checkbox"]等

11  [attr*="value"]能在网站中匹配不同类型的文件

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章名称:JQuery选择器——可见性筛选选择器和属性筛选选择器-创新互联
链接URL:http://kswsj.cn/article/ecdhg.html

其他资讯