Jquery第一章环境的搭建和介绍第一节

jquery的优点

jquery体量小，加载速度快，其本身具有的功能使JavaScript应用程序开发人员的工作变得分外轻松。其中最大的亮点是卓越的DOM查询工具，该工具使用为人熟知的CSS选择器语法。

jquery的功能

jquery的目标是“写更少，做更多”，还有，jquery使跨浏览器web开发变得简单无缝。在以下几方面，jquery的表现堪称出色：

1、通过各种内建的方法，更便捷地使用jquery来迭代和遍历DOM；

2、jquery提供高级的、内置的、通用的使用选择器的功能，就像在CSS中使用一样，因此，使用jquery从DOM中选择条目将更加简单；

3、jquery提供易于理解的插件架构，以便你添加自定义方法；

4、jquery有助于减少导航和UI功能的冗余，如选项卡（tab）、CSS、基于标记的弹出式对话框、动画、过渡以及其他大量效果。

1、可以通过js来操作dom对象：
a) 查：
i. 通过id来获取元素对象：document.getElementById(“id”);
ii. 通过name属性值来获取元素对象：document.getElementsByName(“name”);
iii. 通过标签名来获取元素对象：document.getElementsByTagName(“标签名”);
b) 增：
i. 创建标签元素：document.createElement(“td”);
ii. 创建普通的文件节点：document.createTextNode(“文本字符串”);
iii. 将元素挂载到另外一个元素上：dom对象1.appendChild(dom对象2);
c) 删：父标签dom.removeChild(子dom对象);
d) 修改：
i. dom对象.属性名=属性值；
ii. dom对象.setAttribute(“属性名”,属性值);
2、Jquery：写的更少，做的跟多。减少js代码的书写量，提高效率
a) jquery使用步骤：
i. 需要导入jquery插件

ii. 测试使用:

b) jquery的标签选择器：
i. 基本标签选择器：通过jquery来的方法返回的对象是jquery对象

$(“#id”)等价于js中的document.getElementById(“id”):通过指定id值获取标签的jquery对象
$(“input”)等价于js中的document.getElementsByTagName(“input”);
$(“.div1”)通过class来取标签的dom对象
将jquery对象转成dom对象：
将dom对象转成jquery对象：

ii. 属性标签选择器：

iii. 层次标签选择器：
iv. 过滤选择器：$(“ : ”);

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><script type="text/javascript" src="Assets/js/jquery-1.8.3.min.js"></script><title>Document</title><script>//原生的Js代码//var usernameEle = document.getElmentById("username");//通过jquery来获取usenramevar usEle = $("#username");//document.getElmentById("");var usValue = usEle.val();alert(usValue);</script>
</head>
<body>
用户名：<input type="text" id="username" name="username">
<input type="button" value="测试jquery"></body>
</html>

Jquery第一章环境的搭建和介绍第一节相关推荐

彼林机器人_第一章 Buddy Robot开发软件介绍.doc
您所在位置:网站首页 > 海量文档 &nbsp>&nbsp计算机&nbsp>&nbspJava 第一章 Buddy Robot开发软件介绍.doc62 ...
第一章 Python Kivy 学习 -- Kivy介绍及环境安装
系列文章目录第一章 Python Kivy 学习 – Kivy介绍及环境安装第二章 Python Kivy 学习 – Kivy项目开发原理(待编辑) 第三章 Python Kivy 学习 – Ki ...
Python精确指南-第一章环境
1 Python开发环境搭建 1.1 Python版本介绍 Python目前官方运营维护的版本分为2.x版本和3.x版本. 2.x版本相对来说,稳定性更高,兼容的主流第三方扩展库更 ...
计算机硬件系统结构金字塔图,[计算机硬件及网络]1第一章环境知识基础.ppt
[计算机硬件及网络]1第一章环境知识基础第一章环境知识基础第一节环境的概念与分类一.环境的概念二.环境的分类三.环境的特性第二节生态系统一.生态系统的概念二.生态系统的组成三 ...
第一章c语言基础知识答案,第一章 C语言的基础知识练习题
第一章 C语言的基础知识练习题第一章 C语言的基础知识第一节对C语言的初步认识习题 1. 下列叙述中错误的是 B A)任何一个C程序都必须有且仅有一个main函数,C语言总是从main函数开始 ...
2023Matlab初级教程- 第一章初识Matlab与界面介绍
第一章 Matlab 初识Matlab与界面介绍文章目录第一章 Matlab 初识Matlab与界面介绍 Matlab初级教程 1.课程介绍 2.初识Matlab与界面介绍 2.1Matlab介绍 ...
第一章工业机器视觉光源种类介绍
系列文章目录第一章工业机器视觉光源种类.光源控制器介绍目录系列文章目录前言一.机器视觉--光介绍 1.生活中不同光的来源 2.机器视觉中光的颜色介绍 3.可见光的三原色二.机器视觉--光 ...
机器学习理论入门：第一章监督学习与非监督学习介绍
第一章监督学习与非监督学习简介一.机器学习基本概念概念:研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能输入基本概念 –特征向量: ...
python第一章笔记_head first python（第一章）–学习笔记
head first python(第一章)--学习流程图 1.安装python 这里是用python3的,除了windows之外,linux和macos都自带了,只是版本没有这么新. 举例:cent ...

Jquery第一章环境的搭建和介绍第一节

Jquery第一章环境的搭建和介绍第一节相关推荐

最新文章

热门文章