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

文库首页前端Javascript学习JQuery绝对原创

学习JQuery绝对原创

JQuery

需积分: 3 11 下载量 68 浏览量 2013-07-09 16:18:45 上传评论收藏 91KB DOC 举报

温馨提示

试读

14页

本文档完全免费，完全鄙视那些从别个网站抄点就要分的，你丫是多么可耻！本文档由自己原创，有牛叉的前辈多指教！主要初步讲解JQuery，是真心站在初学者的状态讲解！联系方式文档里面哟，大家多交流！

资源推荐

资源详情

资源评论

第 1 页共 14 页

原创学习材料 2013 年 7 月 8 日 ycy

重庆学习 JQeury

杨长用 2013 年 7 月 6 日

QQ：48599355

前言

JQuery 是现在无论是 c#还是 java 主要的两种平民语言的前台编写语言，是将 js 原来的

一些繁琐的，当然可能是我从事软件行业的时间还不够长，能接触的只要 JQuery，所以个

人感觉还是毕竟好用，自己也没系统学习过，现在我跟大家一起系统学习一下，作为入门

级别的学习。

一、初步学习

1、基础学习

首先明白 是一个“写的更少，但做的更多”的轻量级 库。本身没得  来的快，

但是它是相当于封装的一块，能让你更好的上手。

库包含以下特性：

 元素选取

 元素操作

 操作

 事件函数

 特效和动画

 遍历和修改

 

 

导入库，就直接给例子，意思就是让你编写的时候已经调用团结开发好的库，你可以从仓库中查询或者调

用方法。声明一下：这个在哪里调用都可以，但是一般作为规范放在  前面。

例子 1.1

<html>

第 2 页共 14 页

原创学习材料 2013 年 7 月 8 日 ycy

<scripttype="text/javascript">

$(document).ready(function(){

$("button").click(function(){

$("p").hide();});

});

</script>

</head>

<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

<button type="button">Click me</button>

</body>

</html>

给出一个完整的例子能让我们更好的理解。主要分为：1、导入 JQuery 包；2、自己在

这个方法主要实现了点击 p 标签就将 p 标签隐藏，这里取值$(“p”)运用 html 自身的标签名

字。当然也可以取 id 或者 class 等。取 name 属性作为伏笔：$("input[name="+name+"]")

看起来比较麻烦所以我们一般都设置 id，相当于数据库中的索引，方便，唯一。

下载 jQuery

共有两个版本的 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。

这两个版本都可从  下载。一般你可以下载到两个版本：min.js 与 js，前者为已经精简的

js，后者供我们学习贺查看。其实很多时候作为菜鸟最好下载后面的版本，便于自己研究

一下，项目中就毫不犹豫选择前者了撒！

同时支持网络版本的 js 包：

2、JQuery 语法

谷歌：<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

微软：<script type="text/javascript"

src="http://ajax.microsoft.com/ajax/jquery

/jquery-1.4.min.js"></script>

第 3 页共 14 页

原创学习材料 2013 年 7 月 8 日 ycy

二、JQuery 语法

1、jQuery 语法实例

$(this).hide()

演示 jQuery hide() 函数，隐藏当前的 HTML 元素。

$("#test").hide()

演示 jQuery hide() 函数，隐藏 id="test" 的元素。

$("p").hide()

演示 jQuery hide() 函数，隐藏所有 <p> 元素。

$(".test").hide()

演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。

注意：这里的 this 与$(this)的区别，很多初学者都会犯错的事情。This 就是 html 的 dom

对象。例如：this.value 与$(this).val()，分别为 dom 对象与 JQuery 对象。当没有定义的

时候前者会提示 undefind

2、jQuery 语法

基础语法是：$(selector).action()

文档就绪函数

您也许已经注意到在我们的实例中的所有 函数位于一个  !函数中，它是为了阻

止文档在完全加载（就绪）之前运行 代码。

3、jQuery 选择器

元素选择器和属性选择器允许您通过标签名、属性名或内容对 元素进行选择。

（1）jQuery 元素选择器

使用 选择器来选取 元素。

"#$$%选取 &'元素。

"#$!$%选取所有 ($!$的 &'元素。

"#$) $%选取所有 ($ $的 &'元素。

（2）jQuery 属性选择器

使用 *表达式来选择带有给定属性的元素。

"#$+,-$%选取所有带有 ,属性的元素。

"#$+,(.).-$%选取所有带有 ,值等于 $)$的元素。

"#$+,/(.).-$%选取所有带有 ,值不等于 $)$的元素。

剩余13页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

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

ycy蓝码

粉丝: 159
资源: 7

上传资源快速赚钱

我的内容管理展开

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

我的收益

登录查看自己的收益

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

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

我的收藏

我的下载

下载帮助

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

学习JQuery绝对原创

jquery手册jquery的学习jquery的学习

Jquery学习 Jquery源代码 Jquery数据库操作

从零开始学习jQuery

Jquery学习笔记Jquery学习笔记

jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结,jquery总结学习资料JQuery总结

JQuery学习资料

javascript jquery

从零开始学习jQuery-张子秋

Css学习 Jquery学习

从0开始学习JQUERY

jquery资料--jquery学习资料

jquery 教程 jQuery学习资料 jQuery学习

JqueryApi Jquery实例 Jquery归纳 Jquery学习方法

先锋jQuery学习实例

从零开始学习jquery

jquery经典学习手册

echarts 全国地图json数据

axure谷歌浏览器插件

element-ui v2.15.13离线文档.rar

marktext0.17.1中文版本-【免费资源未商用不存在版权问题】-【请审核大大放过】.zip

微信小程序登录注册界面代码，包含当前界面的所有源码，使用手机验证码注册或账号登录

13款echarts可视化大屏源码+效果图，适用于多个行业可视化大屏，免费下载

Vue3项目练习静态资源assets

个人网页制作 大学生个人网页设计 个人网站模板 简单静态HTML个人网页作品 个人博客

html网页做的动态爱心（超好看）

web前端网页设计作品web期末大作业web前端作业网页制作代码web大作业制作网页代码

基于SpringBoot+Vue的学生选课管理系统的毕业设计，Vue+SpringBoot+MybatisPlus+MySQL

2023跨年代码(烟花+背景音乐)

最新资源

个人网页制作大学生个人网页设计个人网站模板简单静态HTML个人网页作品个人博客