没有合适的资源？快使用搜索试试~ 我知道了~

文库首页行业研究行业报告jquery学习总结材料(超级详细).pdf

jquery学习总结材料(超级详细).pdf

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

0 下载量 134 浏览量 2023-02-28 20:56:01 上传评论收藏 933KB PDF 举报

温馨提示

试读

18页

。

资源推荐

资源详情

资源评论

window.onload $(document).ready()

执

网页中所有 DOM 结构绘制完毕后

行

时

机

必须等待网页中所有的容加载完毕后（包括图

就执行，可能 DOM 元素关联的东西

片）才能执行

并没有加载完

不能同时编写多个，以下代码无确执行：

编

window.onload

写

=function({alert("test1");}window.onload

个

= function(){alert("test2");}结果只会输出

数

"test2"

能同时编写多个

简

化

无

写

法

可以简写成$(function(){});

$(document).ready(function(){});

一、选择网页元素

jQuery 的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。

这是它区别于其他函数库的根本特点。

使用 jQuery 的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为

$），然后得到被选中的元素。

选择表达式可以是 CSS 选择器：

$(document)//选择整个文档对象

$('#myId')//选择 ID 为 myId 的网页元素

$('div.myClass')//选择 class 为 myClass 的 div 元素

$('input[name=first]')//选择 name 属性等于 first 的 input 元素

也可以是 jQuery 特有的表达式：

$('a:first')//选择网页中第一个 a 元素

$('tr:odd')//选择表格的奇数行

$('#myForm :input')//选择表单中的 input 元素

$('div:visible') //选择可见的 div 元素

$('div:gt(2)')//选择所有的 div 元素，除了前三个

$('div:animated')//选择当前处于动画状态的 div 元素

二、改变结果集

如果选中多个元素，jQuery 提供过滤器，可以缩小结果集：

* $('div').has('p'); //选择包含 p 元素的 div 元素

* $('div').not('.myClass'); //选择 class 不等于 myClass 的 div 元素

* $('div').filter('.myClass'); //选择 class 等于 myClass 的 div 元素

* $('div').first(); //选择第 1 个 div 元素

* $('div').eq(5); //选择第 6 个 div 元素

有时候，我们需要从结果集出发，移动到附近的相关元素，jQuery 也提供了在 DOM 树上

的移动方法：

$('div').next('p'); //选择 div 元素后面的第一个 p 元素

$('div').parent(); //选择 div 元素的父元素

$('div').closest('form'); //选择离 div 最近的那个 form 父元素

$('div').children(); //选择 div 的所有子元素

$('div').siblings(); //选择 div 的同级元素

三、链式操作

选中网页元素以后，就可以对它进行某种操作。

jQuery 允许将所有操作连接在一起，以链条的形式写出来，比如：

$('div').find('h3').eq(2).html('Hello');

分解开来，就是下面这样：

1. $('div') //找到 div 元素

2. .find('h3') //选择其中的 h3 元素

3. .eq(2) //选择第 3 个 h3 元素

4. .html('Hello'); //将它的容改为 Hello

这是 jQuery 最令人称道、最方便的特点。它的原理在于每一步的jQuery 操作，返回

的都是一个 jQuery 对象，所以不同操作可以连在一起。

jQuery 还提供了.end()方法，使得结果集可以后退一步：

1. $('div')

2. .find('h3')

3. .eq(2)

4. .html('Hello')

5. .end()//退回到选中所有的 h3 元素的那一步

6. .eq(0)//选中第一个 h3 元素

7. .html('World'); //将它的容改为 World

.end()：回到最近的一个"破坏性"操作之前。如果之前没有破坏性操作，则返回一个空集。

所谓的"破坏性"就是指任何改变所匹配的 jQuery 元素的操作。

示例

描述：选取所有的 p 元素，查找并选取 span 子元素，然后再回过来选取 p 元素

HTML 代码:

Hello,how are you?

jQuery 代码:

$("p").find("span").end()

结果:

Hello how are you?

-四、元素的操作：取值和赋值

操作网页元素，最常见的需取得它们的值，或者对它们进行赋值。

jQuery 使用同一个函数，来完成取值（getter）和赋值（setter）。到底是取值还是

赋值，由函数的参数决定。

$('h1').html(); //html()没有参数，表示取出 h1 的值

$('h1').html('Hello'); //html()有参数 Hello，表示对 h1 进行赋值

常见的取值和赋值函数如下：

剩余17页未读，继续阅读

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

不吃鸳鸯锅

粉丝: 8299
资源: 2万+

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

jquery学习总结材料(超级详细).pdf

jQuery学习笔记[参考].pdf

jquery-3.7.0.min.js（jQuery下载）

jquery学习总结(超级详细).pdf

jQuery和AJAX总结[定义].pdf

(jQuery)jQuery高級編程.pdf

锋利的jquery(高清析版).pdf

jquery.cheatsheet.1.7.pdf

jquery学习总结.pdf

很强大jquery表单验证插件jquery.validate.js api.pdf

[jQuery实战第二版].pdf

jQuery技巧总结.pdf

jquery源码_详细中文注释.pdf

jquery表单验证插件jquery.form.js.pdf

jquery_easyui_中文API.pdf

jQuery UI 1.7(2009).pdf

Jquery语法详细[归类].pdf

[jQuery实战第二版].jQuery.in.Action.2nd.Edition.pdf

jquery.flot.axislabels.js

相关实用应用程序（Windows可用）

免费可用的ChatGPT网页版.zip

ChatGPT使用总结：150个ChatGPT提示词模板（完整版）

chromedriver-win64.zip

全国计算机二级WPSoffice精选350道选择题题库（含答案）.pdf

农村公交与异构无人机协同配送优化

李飞飞自传 我看见的世界 The World I see

哈尔滨工业大学-ChatGPT调研报告-2023.3.6-94页.pdf

4个亲测好用的ChatGPT4渠道

基于小波与卷积神经网络的多尺度时间序列分类.zip

最新资源

李飞飞自传我看见的世界 The World I see