Jquery选择器介绍：

　　我们可以通过Jquery选择器从网页文档中找到我们需要的DOM节点；

主要还时看文档！！

(1)基本选择器

属性id    类别class       文档标签

(2)属性选择器

(3)其他选择器

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="UTF-8">

 <title>Insert title here</title>

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

 <style type="text/css">

     .c1{

         font-size:40px;

     }

     .c2{

         font-size:20px;

     }

 </style>

 </head>

 <script type="text/javascript">

     $(document).ready(function(){

         //基本选择器

         //$("#a1").css("background-color","red");//对id直接搞起来

         //$(".c1").css("background-color","red");//根据类别class

         //$("a").css("background-color","yellow");//根据标签元素

         //属性选择器

         //$("[href]").css("background-color","green");

         //$("[href='#']").css("background-color","yellow");

         //$("[href$='com']").css("background-color","red");

         //其他选择器

         //$("p.c1").css("background-color","red");

         //$("ul li:first").css("background-color","green");

         $("ul li:last").css("background-color","orange");

     });

 </script>

 <body>

 <p class="c1">Jquery选择器 </p>

     <ul>

         <li id="i1"><a id="a1" class="c2" href="http://www.java1234.com" target="_blank">java知识分享网</a></li>

         <li><a id="a2" class="c2" href="htp://www.baidu.com" target="_blank">百度</a></li>

         <li><a href="http://www.iteye.com" id="c2" target="_blank">iteye</a></li>

         <li><a class="c2" href="#" target="_blank">哈哈</a></li>

         <li><a href="http://www.google.com" id="c2" target="_blank">谷歌</a></li>

         <li><a class="c1" href="#" target="_blank">哈哈333</a></li>

     </ul>

 </body>

 </html>

文档连接：

中文版：http://jquery.cuishifeng.cn/

官方英文文档：https://api.jquery.com/

Jquery那些事的更多相关文章

  1. 关于DOM对象与JQuery对象的那些事

    这个问题源自上一次的工作室讨论班,主题是"jQuery选择器的使用",在讨论班的结尾,我留了一个思考题:  jQuery获取到的对象和直接调用原生Javascript方法获得的对象 ...

  2. 关于angularjS与jQuery框架的那些事

    这篇文章主要介绍了jQuery和angularJS的区别浅析,本文着重讲解一个熟悉jQuery的程序员如何应对angularJS中的一些编程思想的转变吗,需要的朋友可以参考下 最近一直研究angula ...

  3. es6 Object.assign ECMAScript 6 笔记（六） ECMAScript 6 笔记（一） react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法 响应式图像 弹窗细节 微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性 参数传递的四种形式

    es6 Object.assign   目录 一.基本用法 二.用途 1. 为对象添加属性 2. 为对象添加方法 3. 克隆对象 4. 合并多个对象 5. 为属性指定默认值 三.浏览器支持 ES6 O ...

  4. jQuery 做好七件事帮你提升jQuery的性能

    1. Append Outside of Loops 凡是触及到DOM都是有代价的.如果你向DOM当中附加大量的元素,你会想一次性将它们全部附加进来,而不是分多次进行.当在循环当中附加元素就会产生一个 ...

  5. 前端那些事之----jQuery

    1.jquery是什么     一个js的框架,可以方便的使用js 2 什么是jQuery对象     是由jQuery封装后的DOM对象     注意:与DOM对象的方法不同,不可以混用,但是可以相 ...

  6. 【众秒之门 JavaScript与jQuery技术精粹 #BOOK#】第1章 初学JavaScript需知的七件事

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...

  7. JavaScript能做的事 是不是jQuery都能做>?

    比如修改表单中的action 并实现跳转  问题是此时没有点击表单中的submit 提交按钮?

  8. 浅谈 jQuery 核心架构设计

    jQuery对于大家而言并不陌生,因此关于它是什么以及它的作用,在这里我就不多言了,而本篇文章的目的是想通过对源码简单的分析来讨论 jQuery 的核心架构设计,以及jQuery 是如何利用javas ...

  9. 十分钟玩转 jQuery、实例大全

    一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQuery对象 jQuery产 ...

随机推荐

  1. vs2015如何添加webservice 的web服务引用

  2. 安卓（Android）关于 RecyclerView 不能填充满宽度

    RecyclerView 不能填充满屏幕宽度 RecyclerView 的 Adapter 在使用是,一定要 @Overridepublic RecyclerView.ViewHolder onCre ...

  3. Eclipse打包多渠道包（库工程版）

    请先移步多渠道打包http://www.cnblogs.com/bhm666/p/6438776.html 自从上次使用了Gradle打渠道包后,遇到了各种各样的问题,不过也是小问题,仍然在几个项目上 ...

  4. ListView相关知识点

    最近开发接触到了ListView控件,其实简单的需求基本上源生的都可以满足,下面总结一下开发过程中所遇到的关键点: 1.多级ListView联动,保存位置:即切换第一层ListView的item过程中 ...

  5. windows 安装绿色版mysql

    (1)到官网下载绿色版mysql:http://dev.mysql.com/downloads/mysql/ (2)下载好后,放在F:\mysql,解压出来 (3)进入到mysql-5.6.19-wi ...

  6. Farseer.net轻量级ORM开源框架 V1.x 入门篇：视图的数据操作

    导航 目   录:Farseer.net轻量级ORM开源框架 目录 上一篇:Farseer.net轻量级ORM开源框架 V1.x 入门篇:视图实体类映射 下一篇:Farseer.net轻量级ORM开源 ...

  7. 什么是LambdaExpression，如何转换成Func或Action（2）

    序言 在上一篇中,我们认识了什么是表达式树.什么是委托,以及它们的关系.可能是我功力不好,貌似大家都不怎么关注,没有讲解出不同角度的问题. 学习一种新技术,是枯燥的过程,只有在你掌握后并能运用时才能从 ...

  8. 【转帖】迅为iTOP-iMX6开发板 Ubuntu系统下WiFi模块mt6620的移植

    本文转自迅为论坛 :http://www.topeetboard.com 文档提供的文件如下. wpa_supplicant 拷贝到开发板 Ubuntu 系统的 /sbin 目录下,如何移植 wpa_ ...

  9. （转）淘淘商城系列——SSM框架整合之Dao层整合

    http://blog.csdn.net/yerenyuan_pku/article/details/72721093 一个项目中往往有三层即Dao层.Service层和Web层,看标题就知道了,本文 ...

  10. Android（java）学习笔记196：ContentProvider使用之内容观察者01

    1. 内容观察者 不属于四大组件,只是内容提供者ContentProvider对应的小功能. 如果发现数据库内容变化了,就会立刻观察到. 下面是逻辑图:       当A应用中银行内部的数据发生变化的 ...