zoukankan      html  css  js  c++  java
  • jQuery学习笔记开篇

    开始学习人见人爱花见花开的jQuery。
    jQuery是一个轻量级,快速简洁的javascript框架。它的官方网址是(http://jquery.com/)。jQuery的优点是它容量小巧,简洁和简短的语法,容易记;开发者能更方便地处理dom,独特的链式代码风格,强大的事件、样式支持,强大的AJAX功能,易于扩展,插件丰富等。目前它的最新版本为 jQuery 1.3.1(http://jqueryjs.googlecode.com/files/jquery-1.3.1.js),读者可自行下载试用。
    在jQuery的官网上,赫然写着“jQuery is designed to change the way that you write JavaScript.”。可想而知,熟悉直接写javascript的朋友们如果选择jQuery,可能不得不学习jQuery自己独特的那一套规则了。下面我们看一个jQuery使用的小例子:
    <script type="text/javascript">   
        $(document).ready(
    function(){
            $(
    "a").click(function() {
            alert(
    "This is a jQuery test!");
       });
    });
    <script>
    说明:上边代码的效果是点击dom文档中所有a标签时将弹出对话框"This is a jQuery test.".$("a") 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click()是这个对象的方法;同理$(document)也是一个jQuery对象,ready(fuc)是$(document)的方法,表示当document全部下载完毕时(document全部下载完毕是必须的,否则jQuery可能找不到dom中对应元素)执行函数。
    对于$,其实等价于“jQuery”,可以将上面示例中的$替换成jQuery,大家可以比较一下运行结果。
    <script type="text/javascript">   
        jQuery(document).ready(
    function(){
             jQuery(
    "a").click(function() {
            alert(
    "This is a jQuery test!");
       });
    });
    <script>
    ps:以后用到jQuery的地方,默认都已经引入了我们已经下载的jQuery的js文件jquery-1.3.1.js(可能写成这样: <script src="js/jquery-1.3.1.js" type="text/javascript"></script>),以后不再多做说明。
    (准备把jQuery学习笔记写成一个系列。下篇主要讲解jQuery的核心部分,包括语法,原理和实际操作的实例。)


    作者:Jeff Wong
    出处:http://jeffwongishandsome.cnblogs.com/
    本文版权归作者和博客园共有,欢迎围观转载。转载时请您务必在文章明显位置给出原文链接,谢谢您的合作。

  • 相关阅读:
    微信卡券领用中的问题
    abp的开发20180425
    typescript 接口的新认识
    Jquery构建Form表单Post提交数据的简单方法
    EF使用时异常:对一个或多个实体的验证失败。有关详细信息
    VS快捷键简单记录
    比较和排序 IComparable And IComparer
    wpf全局异常
    MailBee的简单使用
    json数据的获取(网络摘抄)
  • 原文地址:https://www.cnblogs.com/jeffwongishandsome/p/1530593.html
Copyright © 2011-2022 走看看