jQuery 梁桐老师笔记 - 7 选择器内容过滤和可见性过滤

内容过滤

:empty 当前元素是否为空
:has 当前元素是否含有指定元素
:parent 当前元素是否是父元素
:contain（text) 当前元素是否含有指定文本

<script>
$("div:has(p)").css("background-color" "red")
$("div:parent").css("background-color" "red")
$("div:contain（text)").css("background-color" "red")
$("div:empty").css("background-color" "red"
</script>

可见性过滤
:hidden
:visible

<script>
    // 选取所有可见元素
$("div:visible").css("background-color" "#ff0")
// 选取所有不可见元素，用jQuery中的show()方法一秒后显示
$("div:hidden").css("background-color" "#ff0").show(1000) 
// 选取所有文本隐藏域并打印他们的值（超过一个的情况下用each函数 遍历所有的值)
$("input:hidden").each(function(){
   console.log $(this).val())
})
// 选取所有文本隐藏域并打印他们的值（超过一个的情况下用$.each全局函数 遍历所有的值，)
$.each("input:hidden"),function(){
    console.log( $(this).val())
</script>