正文

jquery入门(代码片段)

542684416-qq  542684416-qq  2023-01-13  534

关键词：

jQuery简介

jQuery是一个快速、简洁的JavaScript框架
jQuery设计的宗旨是“Write Less，Do More”，即倡导写更少的代码，做更多的事情
它封装JavaScript常用的功能代码，优化HTML文档操作、事件处理、动画设计和Ajax交互

导入方式

本地文件

<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
CDN(远程)

<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
说明：
- 使用jQuery必须指定版本(可以通过文件名或目录)，因为不同版本有兼容问题，还可能有BUG。
- 带min的版本是压缩版本，压缩就是删除了多余的用于格式控制的空格、回车等字符，以节约空间。
- 使用CDN若没有指定协议，表示是自适应协议
- jQuery代码要写在传递的匿名函数中，命名函数可以指定多个

使用：

jQuery(document).ready(function()
    alert(123)
)

$(document).ready(function()
    alert(456)
)

$(function()
    alert(789)
)

选择器

基本：id、class、tagname、组合
层级：
- ancestor descendant：指定祖先的所有指定后代元素
- parent > child：parent下的直接子元素child
- prev + next：匹配所有紧接在 prev 元素后的 next 元素
- prev ~ siblings：匹配 prev 元素的所有同辈 siblings 元素
基本：first、last、not、even、odd、eq、lt、gt、header、animated
内容：contains、empty、has、parent
可见性：visible、hidden
属性：键手册
子元素：first-child、last-child、nth-child、only-child
表单：input、text、password、file、hidden、...
表单对象属性：enabled、disabled、checked、selected

jquery快速入门(代码片段)

知识内容：1.jQuery大致了解2.jQuery基础语法3.jQuery事件4.jQuery动画效果5.jQuery补充参考：http://www.cnblogs.com/liwenzhou/p/8178806.htmljQuery官网：https://jquery.com/jQuery中文文档：http://jquery.cuishifeng.cn/ &nbs 查看详情

jquery入门(代码片段)

jQuery简介jQuery是一个快速、简洁的JavaScript框架jQuery设计的宗旨是“WriteLess，DoMore”，即倡导写更少的代码，做更多的事情它封装JavaScript常用的功能代码，优化HTML文档操作、事件处理、动画设计和Ajax交互导入方式本地文件<scri... 查看详情

jquery入门(代码片段)

什么是jQuery?jQuery是一个快速、简洁的JavaScript框架。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代... 查看详情

jquery快速入门(代码片段)

JQuery快速入门1.JQuery简介JQuery是一个JS库，别人使用JS写了很多功能给我们用，主要集中在以下几点：1.简化找标签，改样式等操作语法2.增加了动画的操作方法3.解决了相关属性的兼容性写法2.JQuery语法1.找标签$(‘#box‘)id选择器$(... 查看详情

jquery快速入门(代码片段)

jQuery简介1.jQuery介绍1.为什么用jQuery?简单、开发效率高、不用浏览器的差异化2.jQuery是什么？前端的一个类库，插件。3.使用1.下载jQueryhttp://jquery.com/download/2.导入1.script导入本地的文件2.使用CDN3.按照jQuery的语法使用就可以啦注意... 查看详情

jquery快速入门(代码片段)

jQuery介绍jQuery是一个轻量级的、兼容多浏览器的JavaScript库。jQuery使用户能够更方便地处理HTMLDocument、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Writeless,domore.“jQuery的优势... 查看详情

jquery基础入门(代码片段)

一、什么是jQuery 　　Jquery它是javascript的一个轻量级框架，对javascript进行封装，它提供了很多方便的选择器。供你快速定位到需要操作的元素上面去。还提供了很多便捷的方法。二、怎么用jQuery 　　jquery-1.8.3.js：一... 查看详情

jquery快速入门(代码片段)

jQueryjQuery介绍jQuery是一个轻量级的、兼容多浏览器的JavaScript库。jQuery使用户能够更方便地处理HTMLDocument、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Writeless,domore.“jQuer... 查看详情

jquery快速入门(代码片段)

　　转自 https://www.cnblogs.com/liwenzhou/p/8178806.html为什么要用jQuery做同样的事,jQuery写起来极其简练 jQuery相当于JavaScript的第三方模块(原生的DOM是基础) jQuery的语法设计使得许多操作变得容易，如操作文档对象（document）、选... 查看详情

jquery基础入门(代码片段)

目录一、jquery介绍和引用二、jquery选择器1、jquery基本的选择器2、选择同胞和父辈元素3、过滤选择器4、获取元素的索引值三、jquery操作样式1、获取元素样式2、修改样式3、添加或移除class属性四、绑定click事件1、可元素绑定click... 查看详情

jquery快速入门(代码片段)

　　JQ介绍　　jQuery是一个轻量级的,兼容多浏览器的JavaScript库(模块).　　jQuery使用户能够更方便地处理HTMLDocument,Events,实现动画效果,方　　便进行Ajax交互,能够极大地简化JavaScript编程.他的宗旨是:‘Writeless,do　　more.‘ ... 查看详情

jquery快速入门(代码片段)

jquery入门(代码片段)

DOM对象&jQuery对象什么是DOM对象？DOM对象简单来说，就是javascript处理HTML文档时，把整个HTML文档当作document对象，把HTML中的每一个节点当作DOM对象来看待。 <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><titl... 查看详情

jquery入门学习01(代码片段)

一:什么是jQuery？为什么要使用jQuery？ 1.jQuery是一个优秀的实用JavaScript库，内部封装了很多实现的函数和对象. 2.jQuery是目标是：写少代码，做多事情，是相对于原始javascript+dom的方式而言. 3.jQue... 查看详情

19jquery入门(代码片段)

要求1）掌握JSON及其应用2）了解jQuery的背景和特点3）理解js对象和jQuery对象的区别4）掌握jQuery九类选择器及应用（上）声明：今天服务端我们使用Struts2技术一）什么是JSON（1）JSON（JavaSc... 查看详情

jquery快速入门三(代码片段)

事件常用事件click(function().......)#触发或将函数绑定到指定元素的click事件hover(function().....)当鼠标指针悬停在上面时触发。。。。事件blur(function()........)当元素失去焦点时触发blur事件。focus(function()......)当输入框获得焦点时触发fo... 查看详情

01jquery入门(代码片段)

1.jQuery概诉1.1javaScript库仓库：可以把很多东西放到这个仓库里面，找东西只需要到仓库里面查找到就可以了javaScript库：即library,是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封... 查看详情

jquery入门-----jquery中的静态方法(代码片段)

jQuery静态方法什么是静态方法?静态方法对应的是对象方法,对象方法用实例对象调用,而静态方法用类名调用.ready()事件的暂停和恢复　　>>暂停或者恢复jQuery.ready()事件　　>>传入true或false<!DOCTYPEhtml><htmllang="en"... 查看详情