Jquery的程序入口：

　　

<html>

      <head>

           <title></title>

          <script type="text/javascript“ src="JQuery.js"></script>

          <script type="text/javascript">

                  $(document).ready(function(){  //这里就是JQuery程序入口了；

                      alert("HELLO JQUERY");    //测试一下喵一下看看Jquery库引用成功了吗！

                  });

          </script>

      </head>

      <body>

      </body>

</html>

Jquery CSS 选择符：

 Jquery基本的选择符

 标签名： p  $('p')  取得文档中的所有段落 
 ID　　　　 #some-id  $('#some-id')  取得文档中ID为Some-id的一个元素
 Class　　　　　　　　　　 .some-class $('.some-class')  取得文档中类为som-class的所有元素

还有一点CSS当中的选择符在Jquery中同样是可以使用的，不仅如此Jquery还有一套自己的自定义的选择符让我们使用；

CSS当中的选择符：

　　　　

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>CSS 选择符</title>

</head>

<style type="text/css">

    .p{background:#ccc; color:#FFF; font-weight:bold;}

    .test1{font-size:20px; color:#666;}

    .test2{font-size:30px; color:blue;}

</style>

<script type="text/javascript" src="../Jquery.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

                $('p').addClass('p');

                $('#test1').addClass('test1');

                $('.test2').addClass('test2');

        });

</script>

<body>

    <p>Hello Jquery!!!!<p>

    <div id="test1">ID-Test1</div>

    <div class="test2">Class-Test3</div>

</body>

</html>

效果：

其他的一些CSS的选择器也是可以使用的如：

　　　　　　通配选择符 * { sRules }

　　　　　 类型选择符  E { sRules }

 　　　　　属性选择符:

　　　　　　　　　　　　  (1)E [ attr ] { sRules }
　　　　　　　　　　　　(2)E [ attr = value ] { sRules }
　　　　　　　　　　　　(3)E [ attr ~= value ] { sRules }
　　　　　　　　　　　　(4)E [ attr |= value ] { sRules }

　　　　　  包含选择符　 E1 E2 { sRules }

                子对象选择符 E1 > E2 { sRules }

　　　　　   类选择符      E.className { sRules }

　　　　　 选择符分组   E1 , E2 , E3 { sRules }

　　　　　伪类及伪对象选择符:

　　　　　　　　　　　　(1)E : Pseudo-Classes { sRules }
　　　　　　　　　　　　(2)E : Pseudo-Elements { sRules }　

JQuery学习笔记【CSS选择符】--02的更多相关文章

  1. jQuery学习笔记之Ajax用法详解

    这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下 本文实例讲述了j ...

  2. 30个你必须记住的CSS选择符

    所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性.在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用. 1. ...

  3. jQuery学习笔记(一)jQuery选择器

    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...

  4. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  5. jQuery学习笔记 - 基础知识扫盲入门篇

    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...

  6. JQuery学习笔记——层级选择器

    JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...

  7. 整理CSS选择符

    1.星号选择器 ;; } 星号选择器将匹配页面里的每一个元素.很多开发者使用这个技巧将外边距和内边距重置为零.虽然在快速测试时这确实很好用,但我建议你永远不要再生产代码中使用它.它给浏览器带来大量不必 ...

  8. [css选择器]总结：IE6不支持的CSS选择符

    转载地址:https://www.wenjiwu.com/doc/zvsbii.html.此文最后也给出了原文地址,但是我点击过去发现是什么赌博彩票的地址,360也弹出小心的提示,所以这里只给出了我转 ...

  9. jQuery 学习笔记：jQuery 代码结构

    jQuery 学习笔记:jQuery 代码结构 这是我学习 jQuery 过程中整理的笔记,这一部分主要包括 jQuery 的代码最外层的结构,写出来整理自己的学习成果,有错误欢迎指出. jQuery ...

随机推荐

  1. JavaScript引擎研究与C、C++与互调用(转)

    本文转自:ice6015的专栏.为什么有些招聘需要熟悉JS和C++,这或许就是原因. 1.  概要 JavaScript是一种广泛用于Web客户端开发的脚本语言,常用来控制浏览器的DOM树,给HTML ...

  2. workflow4.0持久化

    WF4中的持久化模型有了很大的变化. SqlWorkflowInstanceStore是WF提供给我们的开箱即用的类,它会将工作流数据保存到SQL Server 2005或是2008中.该类从Inst ...

  3. FZYZOJ-1569 喝水

    P1569 -- 喝水 时间限制:2000MS      内存限制:131072KB 状态:Accepted      标签:    无   无   无 Description GH的N个妹子要喝水, ...

  4. bzoj 1089 [SCOI2003]严格n元树（DP+高精度）

    1089: [SCOI2003]严格n元树 Time Limit: 1 Sec  Memory Limit: 162 MBSubmit: 1250  Solved: 621[Submit][Statu ...

  5. ArrayList 、Vector、 LinkList

    public class TestList {     public static void init(List list)     {         if(list!=null)          ...

  6. [置顶] SpecDD系列：6个确保您执行“充分”QA测试的技巧

    确保团队执行 “足够的” 测试覆盖面是非常困难的,尤其是对敏捷开发团队来说.对于初学者而言,一个开发Sprint中要完成多少的质量保证工作才够呢?我们知道,敏捷的标准是在开发Sprint结束的时候要完 ...

  7. bzoj3669: [Noi2014]魔法森林 lct

    记得去年模拟赛的时候好像YY出二分答案枚举a,b的暴力,过了55欸 然后看正解,为了将两维变成一维,将a排序,模拟Kruskal的加边过程,同时维护1到n的最大值,加入一条边e(u,v,a,b)时有以 ...

  8. 搜索-hdu-3720-Arranging Your Team

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=3720 题目大意: 有23个人,告诉每个人的名字,能力值,以及踢球的位置.要求选出1个守门员,2个前锋 ...

  9. 计算任意位数的Pi

    当用程序实现求pi的值时,也许你能够很快写出算法(利用求pi的几个公式),但是由于使用单变量保存结果,限于计算机硬件对变量的表示范围有限,因此,最多只能计算出pi值小数点后十多位.但需要得到一个更大位 ...

  10. [Android]如何创建一个View的分割线

    如何创建一个View的分割线,如上图 我们见介绍三种可以创建看起来很不错的view的分割线,如在button之间添加分割线. 这个例子是将为LinearLayout内的三个Button间添加分割线. ...