您的位置：首页 > Web前端 > JQuery

8、网页制作Dreamweaver（jQuery基础:安装、语法）

2014-12-17 09:59 302 查看
在《网页制作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基础:事件）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航