jQuery学习笔记

最新推荐文章于 2021-12-01 16:43:54 发布

中年英雄王叔叔

最新推荐文章于 2021-12-01 16:43:54 发布

阅读量402

点赞数

分类专栏： jQuery学习

本文链接：https://blog.csdn.net/u014277388/article/details/53064812

版权

jQuery学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

2016/11/7

<script type="text/javascript" src="jquery.js"></script>

src使用相对路径，同一文件夹直接引用名称即可。

$(document).ready(function(){
--- jQuery functions go here ----
});

所有 jQuery 函数位于一个 document ready 函数中

选择器

HTML DOM （文档对象模型）

**jQuery 元素选择器**
jQuery 使用 CSS 选择器来选取 HTML 元素。 
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。 
$("p#demo") 选取所有 id="demo" 的 <p> 元素。

jQuery 属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

这里写图片描述

jQuery 事件

jQuery 是为事件处理特别设计的。
jQuery 事件处理方法是 jQuery 中的核心函数。
通常会把 jQuery 代码放到 <head>部分的事件处理方法
这里写图片描述

jQuery 效果

这里写图片描述

隐藏和显示 hide show toggle

淡入淡出

中年英雄王叔叔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习笔记

2016/11/7<script type="text/javascript" src="jquery.js"></script>src使用相对路径，同一文件夹直接引用名称即可。$(document).ready(function(){--- jQuery functions go here ----});所有 jQuery 函数位于一个 document ready 函数中选择器**jQuer
复制链接

扫一扫