根据可见性 属性 匹配元素

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>jquery</title>

<script type="text/javascript" src="./js/jquery-1.7.1.min.js"></script>

<script type="text/javascript">

$(function(){

    //选择器 内容

    $('ul li:contains(1)').css('color','red');//选中内容中含有1的元素

    $('ul li:empty').css('color','red');//选中空元素

    $('div:has(p)').css('color','red');//选中有指定子元素的元素

    $('ul li:parent').css('color','green');//匹配含有元素或文本的元素，与empty相反

    //可见性

    $('ul li:hidden');//匹配所有不可见元素

    $('ul li:visible');//匹配所有可见元素

    $('ul li[id]').css('color','yellow');//含有id属性的元素

    $('ul li[id="one"]');//匹配id是one的元素

    $('ul li[id!="one"]');//匹配id不是one的li元素

    $('ul li[id^="on"]');//匹配id以on开头的li元素one符合要求

    $('li[id$="ne"]');//匹配id以ne结尾的li元素

    $('li[id*="n"]');//匹配id包含n的li元素

    //以上功能可以重复写多个

})

</script>

</head>

<body>

<ul>

    <li>1</li>

    <li id="one">2</li>

    <li>3</li>

    <li>4</li>

    <li></li>

</ul>

<div>

    <p>我是div里的p标签</p>

</div>

<div>

    我是div标签

</div>    

</body>

</html>

aaarticlea/png;base64,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" alt="" />

jqery选择器的更多相关文章

  1. 19 01 13 JQery 加载 选择器 样式操作

    在Javascript   中应该用下方法经行编辑 <script type="text/javascript" src="js/jquery-1.12.4.min ...

  2. JS 与 jQery 的区别主要在于 DOM

    //目前正在学习前端阶段,把知识点整理.保存下来以便日后查看 首先引入jQery: 需要先引入css,再引入js: jQery需要在js前引入,再引入框架,最后才是js的引入:css也相同,先引入框架 ...

  3. jQuery学习之开篇

    吐槽 近期比較烦,对于一个前端白痴来说,工作方向突然转向前端这块着实让人蛋疼无比.前段时间简单的学习了下EasyUI,算是对其有一个简单的认知了吧.EasyUI的研究过程中发现,假设没有掌握JS.JQ ...

  4. 表格可拖拉列改变列大小（使用的时候将youElement全部替换称你要添加这个效果的元素，需是jqery的选择器格式，如：$("table th/td")）

    $(function () { var isMouseDown = false; var currentTh = null; youElement.bind({ mousedown: function ...

  5. jQuery学习笔记（三）：选择器总结

    这一节详细的总结jQuery选择器. 一.基础选择器 $('#info'); // 选择id为info的元素,id为document中是唯一的,因此可以通过该选择器获取唯一的指定元素$('.infoC ...

  6. jQuery的选择器小总结

      这一节详细的总结jQuery选择器. 一.基础选择器 $('#info'); // 选择id为info的元素,id为document中是唯一的,因此可以通过该选择器获取唯一的指定元素 $('.in ...

  7. JQuery第一天——入门概述与选择器

    一.什么是JQuery 一个流行的js库 核心理念:write less , do more 优势:  轻量级 强大的选择器 出色的 DOM 操作的封装 可靠的事件处理机制 完善的 Ajax 出色的浏 ...

  8. jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

    this指的是原生js的DOM对象 .css(“”):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(“”):获取元素   标 ...

  9. 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

    记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...

随机推荐

  1. [POJ3684]Physics Experiment

      Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 1363   Accepted: 476   Special Judge ...

  2. 表达式求职JAVA（转）

    下面将练习大量的树操作 package 乒乒乓乓; import java.io.ObjectInputStream.GetField; import java.util.ArrayList; imp ...

  3. 【vijos1642】班长的任务

    思路:这题就是学习一下算法优化,选择最优方案,O(nm) 可以学习一下<浅谈数据的合理组织>这篇论文 详见代码 #include<cstdio> #include<cst ...

  4. Spring-demo1（初学者的尝试，2015.03.19）

    项目结构: 源代码如下: package com.bean; public interface Person { public void Speak(); } package com.bean; pu ...

  5. Xcode部分插件无法使用识别的问题

    1. 首先查看 Xcode 的 UUID,在终端执行 defaults read /Applications/Xcode.app/Contents/Info DVTPlugInCompatibilit ...

  6. linux下编译安卓ffmpeg

    本次编译属于2013年6月项目的一部分,重新修改使用. 为统一工程版本 ffmpeg版本为1.2.1 本次的目录结构为 工程目录/jni/Android.mk 工程目录/jni/Application ...

  7. HDU5407.CRB and Candies（数论）

    官方题解: The problem is just to calculate g(N) = LCM(C(N,0),C(N,1),...,C(N,N)) Introducing function f(n ...

  8. 问题.NETwebservice其他电脑无法使用-测试窗体只能用于来自本地计算机的请求

    问题:webservice其他电脑无法使用-测试窗体只能用于来自本地计算机的请求 问题现象: 本地测试没有问题. 其他电脑打开webservice出现 测试窗体只能用于来自本地计算机的请求. 或者 & ...

  9. Android UI开发第三十四篇——SlidingPaneLayout

    SlidingPaneLayout也是系统支持的高级控件,是Android团对在2013 google IO大会期间更新的Support库(Version 13)中新加入的重要的功能.它支持左右滑动菜 ...

  10. [Git]git常用命令总结

    git clone url 将远程库复制到本地 git status 查看本地库的状态 git add filename.filetype 将库中被修改的文件标记为添加状态 git diff 查看库中 ...