之前一直学习，现在终于有时间来整理一下文档了。

以下文章都是自己学习Jquery 的笔记，

希望能留下痕迹，也希望能帮助到您。

好了开始我的Jquery第一天。

我也是从Hello  wrod!开始的。关于jquery 的引用我直接一笔带过。如下：

<html> <head> <title>jquery 链式操作</title> <script type="text/javascript" src="jquery-1.3.1.js"></script> <script type='text/javascript'>  $(document).ready(function(){      alert("hello word!");        //静止右键点击        // $(document).bind("contextmenu",function(e){        //      return false;        // });  }); </script> </head>

<body>   </body> </html>

接下来让我们来看看一个复杂的实例，这个实例让我们知道什么是：jquery的链式操作，

我用  .  来连接jquery 的链式操作。

可能有的人刚开始学query ，看起来比较陌生，在后面的疯狂Jquery 中我会一一解释。慢慢的你就会明白。

<html> <head> <title>Jquery 链式操作</title> <script type="text/javascript" src="jquery-1.3.1.js"></script> <style type="text/css">  #menu {width:300px}  .has_children {     background:#555;color:#fff;cursor:pointer;  }  .highligt{color:#fff;background:green;}  div{padding:0;margin:0px;}  div a {     background:#888;display:none;float:left;width:300px;  } </style> <script type='text/javascript'>  $(document).ready(function(){     // alert("给所有目录添加click 事件");   $(".has_children").click(function(){        $(this).addClass('highligt')  //为当前元素添加highligt类。     .children("a").show().end()   //将子节点的<a>元素显示出来。并且重新定位到上次操作的元素     .siblings().removeClass("highligt") //获取同级的元素。(或兄弟元素)，并且去掉他们highligt类     .children("a").hide();              //将同级的元素，兄弟元素下的<a> 元素隐藏   });  }); </script> </head>

<body> <div id='menu'>   <div class='has_children'>        <span>第一章 认识Jquery</span>     <a>1.1 Javascript 和 Javascript库</a>     <a>1.2 加入Jquery</a>     <a>1.3 编写简单的Jquery 代码</a>     <a>1.4 Jquery对象 和 Dom对象</a>     <a>1.5 解决Jquery 和其他库的冲突</a>     <a>1.6 Jquery 开发工具和插件</a>     <a>1.7 小结</a>   </div>   <div class='has_children'>        <span>第二章 Jquery选择器</span>     <a>2.1 Jquery 选择器是什么？</a>     <a>2.2 Jquery 选择器的优势？</a>     <a>2.3 Jquery 选择器</a>     <a>2.4 应用Jquery改写实例</a>     <a>2.5 选择器中的一些注意事项</a>     <a>2.6 案例研究————类似淘宝品牌列表的效果</a>     <a>2.7 还有其他选择器吗？</a>     <a>2.8 小结</a>   </div>   <div class='has_children'>       <span>第三章 Jquery中的DOM操作</span>    <a>3.1 DOM的操作分类</a>    <a>3.2 Jquery 中的DOM操作</a>    <a>3.3 案例研究————某网站的超链接和图片效果</a>    <a>3.4 小结</a>   </div>  </div> </body> </html>

锋利Jquery 第一天的更多相关文章

  1. jQuery第一篇 （帅哥）

      同学心目中的jQuery: 简单易用,功能强大,对移动端来说,体积稍大. 1.1 回顾前面学到的js我们遇到的一些痛点 window.onload 事件有个事件覆盖的问题,我们只能写一个 代码容错 ...

  2. jQuery 第一阶段 学习使用总结

    jQuery 是一个 JavaScript 库,位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数.在平常的使用过程中,会常常与JavaScript,配合css使用,能够令网 ...

  3. Jquery第一篇【介绍Jquery、回顾JavaScript代码、JS对象与JQ对象的区别】

    什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 为 ...

  4. Jquery($第一天)【历史】

    一．什么是jQueryjQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法.它的作者是John Resig,于2006年创建的一个开源项目,随着越来 ...

  5. JQuery --- 第一期 (初识jQuery, JQuery核心函数和工具方法)

    个人学习笔记  初识jQuery 1.我的第一个JQuery <!DOCTYPE html> <html lang="en"> <head> & ...

  6. jquery 第一章

    1.本章目标    了解jquery    了解jquery和js的区别    掌握jquery的入门    掌握jquery对象和dom对象的区别2.jquery简介    jquery是一个轻量级 ...

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

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

  8. 8、第八次课jquery第一节20151006

    1.JS JQUERY 的区别 jquery 底层基于js 它是对于JS进行封装,代码量比较少.[write less do more] 网上可以下载jquery 类库文件,写的时候需要智能提示在js ...

  9. 锋利jQuery 学习整理之 第六章 jQuery 与Ajax 的应用

    1.Ajax 的XMLHttpRequest 对象 XMLHttpRequest 是Ajax 的核心,它是Ajax 实现的关键---发送异步请求.接受响应及执行回调都是通过它来完成的.XMLHttpR ...

随机推荐

  1. NFA

    任意正则表达式都存在一个与之对应的NFA,反之亦然. 正则表达式 ((A*B|AC)D)对应的NFA(有向图), 其中红线对应的为该状态的ε转换, 黑线表示匹配转换 我们定义的NFA具有以下特点: 正 ...

  2. V4L2框架之视频监控

    [参考]韦东山 教学视频 一. V4L2框架: video for linux version 2 虚拟视频驱动vivi.c分析:1．分配video_device2．设置3．注册:video_regi ...

  3. 函数GROUP_CONCAT

    这不得不说是mysql中一个特别好用的函数,之前生写这种确实好麻烦..感谢mysql有了这么好的函数..嘿嘿 举个例子吧. s_student 表 stuinfo表 sql如下: ok,简单粗暴,就这 ...

  4. javascript中函数表达式的问题讨论

    #函数表达式 ##函数声明和函数表达式的区别 函数的定义有两种形式,一种是函数声明,一种是函数表达式 使用声明时,要注意函数声明提升现象,比如说在if语句中使用声明会出错,但是表达式就不存在这个问题 ...

  5. 06 Django组件-cookie与session

    一.会话跟踪技术 1.什么是会话跟踪技术 我们需要先了解一下什么是会话!可以把会话理解为客户端与服务器之间的一次会晤,在一次会晤中可能会包含多次请求和响应.例如你给10086打个电话,你就是客户端,而 ...

  6. 百面机器学习--跟课Task整理

    涉及书中内容:特征工程&&模型评估 不同的特征如何进行特征工程? 特征是原始数据作为输入,特征工程的结果,作为输入供算法和模型使用. 对于数值型特征,为消除特征间的量纲影响,应对特征进 ...

  7. centos7 选定默认启动内核，及删除无用内核

    #使用cat /boot/grub2/grub.cfg |grep menuentry 查看系统可用内核 [root@bigapp-slave27 ~]# cat /boot/grub2/grub.c ...

  8. TensorFlow+实战Google深度学习框架学习笔记（11）-----Mnist识别【采用滑动平均，双层神经网络】

    模型:双层神经网络 [一层隐藏层.一层输出层]隐藏层输出用relu函数,输出层输出用softmax函数 过程: 设置参数 滑动平均的辅助函数 训练函数 x,y的占位,w1,b1,w2,b2的初始化 前 ...

  9. HDU 1164 Eddy's research I（ 试除法 & 筛法改造试除法 分解整数 ）

    链接:传送门 题意:给出一个整数 n ,输出整数 n 的分解成若干个素因子的方案 思路:经典的整数分解题目,这里采用试除法 和 用筛法改造后的试除法 对正整数 n 进行分解 方法一:试除法对正整数 n ...

  10. 训练1-A

    一块花布条,里面有些图案,另有一块直接可用的小饰条,里面也有一些图案.对于给定的花布条和小饰条,计算一下能从花布条中尽可能剪出几块小饰条来呢? Input 输入中含有一些数据,分别是成对出现的花布条和 ...