zoukankan      html  css  js  c++  java
  • 8、网页制作Dreamweaver(jQuery基础:安装、语法)

    在《网页制作Dreamweaver(悬浮动态分层导航)》中,运用到了jQuery的技术,轻松实现了菜单的下拉、显示、隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery具体是如何使用的,以下几节将会详细讲述jQuery的基础用法:

    1、安装:

    http://jquery.com/download/登陆这个jQuery的下载站点,里面有以下几个选项:

    一般的开发者选择(1)下载就可以了,文件比较小,也够用,当然需要开发jQuery的可以下载(2)

    下载完成后,进入DW,在.html文件的<head>标签中导入,例:

    <head>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    </head>

    (HTML5不需要写type="text/javascript")

    ——————————————————————————————

    2、语法和选择器:

       $(selector).action()

    • 美元符号定义 jQuery
    • 选择符(selector)“查询”和“查找” HTML 元素——选择器
    • jQuery 的 action() 执行对元素的操作——事件

      selector选择器的用法:

    语法描述
    $(this) 当前 HTML 元素
    $("p") 所有 <p> 元素
    $("p.intro") 所有 class="intro" 的 <p> 元素
    $(".intro") 所有 class="intro" 的元素
    $("#intro") id="intro" 的元素
    $("ul li:first") 每个 <ul> 的第一个 <li> 元素
    $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性
    $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素

     

    以上是jQuery的基础调用,触发事件请见:9、网页制作Dreamweaver(jQuery基础:事件)

  • 相关阅读:
    javascript创建对象的方法--基本模式
    javascript进阶课程--第二章--对象
    JavaScript中的global对象,window对象以及document对象的区别和联系
    onblur 对象失去焦点事件
    php排序
    php数组插入数据
    thinkphp多层volist实现多表查询
    数据转换
    循环赛日程安排问题
    JS中setTimeout()的使用方法具体解释
  • 原文地址:https://www.cnblogs.com/wleaves/p/4168713.html
Copyright © 2011-2022 走看看