认识 jQuery (第一笔 点出重点)

1、我们先来讨论一下 jQuery 是什么?

要认识jQuery(简写jQ)首先要知道JavaScript(简写 js),因为jq就是一堆js的函数,是普通的js,只不过jq应用广泛,形成了行业标准【这里可以介绍一本有关jq的书作为参考《锋利的jQuery》】

2、我们来总结一下 jq的重点吧

  2.1 、jq入口函数(这个是地球人都知道的)

  2.2、jq的选择器(其实就是css的选择器)

  2.3、jq的Dom操作

  2.4、jq的样式

  2.5、jq的动画

  2.6、jq的事件处理

3、现在来看看jq的一些语法咯

  3.1、语法

    jQuery(document);ready(function(){ //  });  //jq的入口函数

    $(function)(){ //  });  //jq入口函数(简写)

    $   -->  jQuery  //$是jQuery全局函数的别名(也就是在写函数时常用的简写),【注意,有些初学者在完善项目的时候会同时使用到了js函数里的 返回 $("id") 的方法和jQuery的简写形式“$”,这样会造成无法创建对应的方法。此时,只要将jq方法里的“$” 改回全名 jQuery 就可以了。建议不要同时使用js与jq】。

  3.2、注意的一些事项(重点)

    document ready:是html文档准备就绪,也就是dom树创建完成了。可以进行dom操作了

  3.3、文档加载也是有顺序的

    加载顺序:   (1)下载html页面,

          (2)解析html标签,

          (3)加载link标签的链接(有就加载,没有就不用加载),

          (4)加载script的js(有就加载)

时间: 2024-10-09 00:46:34

认识 jQuery (第一笔 点出重点)的相关文章

jQuery 插件开发——PopupLayer(弹出层)

导读:上次写了一篇关于GridView的插件开发方法,上几天由于工作需要,花了一天左右的事件封装了popupLayer(弹出层)插件.今天有时间就记录一下自己的开发思想与大家分享下,同时也算是对这段时间的工作概要吧. 就我在开发过程中的理解和开发的经验,一般常用的弹出层有三类(其实还有一类就是弹出可以输入内容的,但是这种可以被替代,所以就特别拿出来写了):Confirm.Alert.LoadContent(url).其中Alert又可以分成五种(当然也可以是四种),分别是: "error&quo

jquery右下角自动弹出关闭层

效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/36.htm 右下角弹出层后,会在一定时间后自动隐藏.第一版本:http://www.cnblogs.com/jihua/archive/2012/10/10/youxiajiao.html html代码: <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ch

锋利的jQuery第一章

以前总是感觉js,html,css,jquery这些东西太繁杂,看着都头晕,想着做后台,不用管这些东西,可是工作之中发现,很多前台后台结合 的地方,比如通过ajax发送到后台,如果不懂得jQuery,感觉很被动,于是,我也不管那么多了,从现在开始学习jQuery了. 我喜欢看书本学习,以后博客将记录我学习的笔记: 1,window.reload()和$(document).ready()的区别: 2,有关菜单的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD X

Js(Jquery)实现的弹出窗口

想实现一个弹出层,过一段时间自动消失的功能. 之前的项目中是:在页面中预先先一个<div>区域,默认隐藏或者因为没有内容不显示.当需要显示信息时,将该<div>填充上内容,并用样式显示在正确的位置上. 今天想找这么一个插件,发了这个:http://tautologistics.com/projects/jquery.modaldialog/ 还不错,可以弹出窗口手动关闭,也可定时关闭. 百度盘:http://pan.baidu.com/s/1qWruV2c 后来再进行搜索,发现了这

我的互联网创业公司的第一笔收入磨难记

本来也可以取名“用户要付费,挡也挡不住”.这是真实的故事.关于:我,互联网创业,免费服务,国内用户没有付费习惯. 在互联网免费模式尚未盛行的软件时代,国内企业就没有对软件付费的习惯,因此盗版成为中国软件业的名片. 大型互联网免费模式获得成功后,现在的互联网创业产品,包括saas产品,纷纷免费.免费的原因,除了行业竞争所迫,就是因为创业公司有VC在支持资金. 我们就是在此背景下创业的,而且是看起来离现金流很远的SaaS,为小企业小团队提供在线软件服务.我们做的在线表格,看起来更是收费难中之难.原因

锋利Jquery 第一天

之前一直学习,现在终于有时间来整理一下文档了. 以下文章都是自己学习Jquery 的笔记, 希望能留下痕迹,也希望能帮助到您. 好了开始我的Jquery第一天. 我也是从Hello  wrod!开始的.关于jquery 的引用我直接一笔带过.如下: <html> <head> <title>jquery 链式操作</title> <script type="text/javascript" src="jquery-1.3.

简单的jquery点击弹出背景变暗遮罩效果

工作中自己写了一个简单的jquery点击弹出背景变暗遮罩效果,非常好用......只把关键代码贴出来.并实现了点击空白处隐藏弹出层效果. js代码如下: <script type="text/javascript">  $(document).ready(function(){   $(".tkyy").click(function(event){      event.stopPropagation(); //停止事件冒泡    $(".ma

基于jQuery向下弹出遮罩图片相册

今天给大家分享一款基于jQuery向下弹出遮罩图片相册.单击相册图片时,一个遮罩层从上到下动画出现.然后弹出显示图片.这款插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 在线预览   源码下载 实现的代码. html代码: <center> <h1> 点击图片查看效果</h1> </center> <br> <br> <div id='container'>

JS框架_(jQuery.js)Tooltip弹出式按钮插件

弹出式按钮效果 <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>jQuery实现Tooltip弹出样式的分享按钮DEMO演示</title> <link rel="stylesheet" href="css/style.css"> </head> <body><