jQuery教程
记录jQuery学习
playboy-jordan
磨炼灵魂,提升心智
展开
-
jQuery学习之jQuery介绍
jquery学习:1、什么是jQueryjquery 全称 javaScript Query.是js的一个框架。本质上仍然是js。2、jQuery的特点支持各种主流的浏览器。使用特别简单拥有便捷的插件扩展机制和丰富的插件3、使用jquery引入jQuery文件jQuery的封装原理jQuery的选择器jQuery操作元素的属性jQuery操作元素的样式和内容jQuery操作元素的文档结构jQuery中的事件jQuery中的动画效果。案例...原创 2020-06-27 10:47:35 · 251 阅读 · 0 评论 -
jQuery学习之jQuery封装原理
<html> <head> <title>jquery的封装原理</title> <meta charset="UTF-8"/> <!--引入外部声明的js文件--> <script src="js/my.js" type="text/javascript" charset="utf-8"></script> <!--声明js代码域--> <script type="t原创 2020-06-27 11:34:48 · 175 阅读 · 0 评论 -
jQuery学习之选择器
<html> <head> <title>jquery的选择器</title> <meta charset="UTF-8"/> <!-- jquery的选择器学习: 基本选择器 id选择器 标签选择器 类选择器 组合选择器 层级选择器 简单选择器 内容选择器 可见性选择器 属性选择器 子元素选择器 表单选择器原创 2020-06-27 16:27:22 · 118 阅读 · 0 评论 -
jQuery学习之操作元素属性
<html> <head> <title>jQuery操作元素的属性</title> <meta charset="UTF-8"/> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <!-- jQuery操作元素属性: 获取: 对象名.attr("属性名") //原创 2020-06-27 16:44:01 · 154 阅读 · 0 评论 -
jQuery学习之操作元素内容
<html> <head> <title>操作元素HTML</title> <meta charset="UTF-8"/> <!--引入jQuery文件--> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <!-- jquery 操作元素内容学习: 获取元原创 2020-06-27 18:03:52 · 194 阅读 · 0 评论 -
jQuery学习之操作元素样式
<html> <head> <title>操作元素样式</title> <meta charset="UTF-8"/> <!--声明css--> <style type="text/css"> #showdiv{ width: 300px; height: 300px; border: solid 1px; } .common{ width: 300px;原创 2020-06-27 18:07:45 · 166 阅读 · 0 评论 -
jQuery学习之操作文档结构
<html> <head> <title>操作文档结构</title> <meta charset="UTF-8"/> <!--引入jQuery文件--> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <!-- 操作文档结构学习: 获取元素对象原创 2020-06-27 20:43:44 · 160 阅读 · 0 评论 -
jQuery学习之操作事件
<html> <head> <title>操作事件</title> <meta charset="UTF-8"/> <!--引入jQuery文件--> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <!-- jQuery动态操作事件 元素对象.bind(原创 2020-06-27 23:00:27 · 120 阅读 · 0 评论 -
jQuery学习之动画效果
<html> <head> <title>动画效果</title> <meta charset="UTF-8"/> <!--引入jQuery文件--> <script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script> <!--声明css代码域--> <style type=原创 2020-06-27 23:16:30 · 67 阅读 · 0 评论 -
jQuery学习之菜单案例
<html> <head> <title>菜单案例</title> <meta charset="UTF-8"/> <!--声明css--> <style type="text/css"> ul li{ list-style-type: none; } #na{ position: relative; left: 20px; } </style&原创 2020-06-27 23:46:32 · 124 阅读 · 0 评论