jquery name选择器

目录 前端之jQuery 1. jQuery简介 2. jQuery优势 3. jQuery内容 4. jQuery版本 5. jQuery对象 5.1 定义 5.2 jQuery对象转成DOM对象 5.3 jQuery对象和DOM对象的使用 6. jQuery基础语法 6.1 语法 6.2 查找标签 6.2.1 基本选择器 6.2.2 基本筛选器 6.2.3 筛选器方法 6.3 操作标签 6.3.1 样式操作 6.3.2 位置操作 6.3.3 尺寸 6.3.4 文本操作 6.3.5 属性操作 6.3.6 文档处理 6.4 事件 6.4.1 常用事件 6.4.2 事件绑定 6.4.3 移除事件 6.4.4 阻止后续事件执行 6.4.5 阻止事件冒泡 6.4.6 页面载入 6.4.7 事件委托 6.5 动画效果 6.5.1 介绍 6.5.2 点赞特效简单示例： 6.6 拓展 6.6.1 .each 6.6.2 .data() 6.6.3 插件(了解) 前端之jQuery 1. jQuery简介 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 2.

一　　认识jQuery 　　jQuery是JavaScript Query的缩写形式。jQuery是一款非常优秀的JavaScript库，即便是MVVM框架盛行的今天，也有超过半数的网页及应用直接或间接的使用了jQuery。jQuery的设计理念是“Write Less, Do More“，即写的更少，做的更多！使用jQuery可以大大简化我们的JS代码，从而提高开发效率。 　　jQuery现在有3个大的版本，分别是1.x，2.x，3.x。你可以从 jQuery官方网站下载 需要的版本，然后从本地引入到自己的项目，也可以使用 CDN 引入。在你下载jQuery时一般有两个可选的版本，一个是压缩版（不包含换行和空格，体积更小，多用于实际项目开发），另一个是未压缩版（包含换行和空格，体积稍大，多用于学习和测试）。 1 <script src="jquery-1.12.4.js"></script> 2 <!--本地引入--> 3 <script src="//code.jquery.com/jquery-1.12.4.js"></script> 4 <!--CDN引入--> 　　另外，jQuery从第二个大的版本开始，为了优化网络响应和使语法更加简洁，抛弃了对IE6、7、8的支持，并且从2.1.0开始，压缩版本的文件中也不再包含注释信息了。为了获得更好的兼容性

Jquery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

前端之Jquery jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

目录 Servlet的线程安全问题 利用反射减少Servlet的数量 JQuery介绍 练习：完成价格单选效果 JQuery的动画 案例 Servlet的线程安全问题 Servlet是单实例多线程的 对于一个Servlet类来说，服务器只会在它第一次被访问时创建一个对象，后面再访问就不会创建对象，为了节省内存资源。服务器为了让每个用户访问更加快速，会给每个用户新建一个线程，每个用户访问服务器时不会相互影响。 多个用户同时访问一个Servlet时，存在线程安全问题。 解决问题: 不要在Servlet建立成员变量，尽量使用局部变量 如果一定需要成员变量，就尽量使用线程安全的类型 如果需要定义方法，就加入同步机制 利用反射减少Servlet的数量 以前每个操作都需要一个Servlet，数量太多导致维护麻烦和占用大量内存 解决方案： 对一个表进行的所有操作放在一个Servlet中 将不同的操作单独定义到一个方法 访问Servlet时，多加一个参数，值是方法的名字 通过反射机制调用方法 为了减少反射机制代码重复编写，可以定义父类 JQuery介绍 ​ 是目前常用的js库，除了兼容所有js的选择器之外还有自己特有的选择器。过滤选择器，非常好用。 过滤选择器 ​ jquery特有的选择器，过滤选择器主要是通过特定的过滤规则来筛选出所需要的DOM元素，过滤规则与CSS中的伪类选择器语法相同。 　

父页面与子页面之间的元素获取与方法调用： 1、JS 父调子 子调父 元素 window.frames[iframe的name属性值]; ① window.parent.document.getElementById("父页面元素ID"); ②window.parent.document.getElementsByTagName("父页面元素标签名")[i]; ③window.parent.document.getElementsByClassName("父页面元素类名")[i]; 方法 ① document.getElementById("子页面元素ID") .contentWindow.子页面方法名; ② document.getElementsByTagName("子页面元素标签名")[i].contentWindow.子页面方法名; ③ document.getElementsByClassName("子页面元素类名")[i] .contentWindow.子页面方法名; window.parent.父页面方法; 2、JQUERY 父调子 子调父 元素 $(iframe选择器 ).contents().find(iframe中元素选择器); ① $(父页面元素选择器, window.p arent.document); ② window.parent.$( 父页面元素选择器

jQuery基本概念 学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。 为什么要学习jQuery？ 【01-让div显示与设置内容.html】 使用javascript开发过程中，有许多的缺点： 查找元素的方法太少，麻烦。 遍历伪数组很麻烦，通常要嵌套一大堆的for循环。 有兼容性问题。 想要实现简单的动画效果，也很麻烦 代码冗余。 jQuery初体验 【02-让div显示与设置内容.html】 $(document).ready(function () { $("#btn1").click(function () { //隐式迭代：偷偷的遍历，在jQuery中，不需要手动写for循环了，会自动进行遍历。 $("div").show(200); }); $("#btn2").click(function () { $("div").text("我是内容"); }); }); 优点总结： 查找元素的方法多种多样，非常灵活 拥有隐式迭代特性，因此不再需要手写for循环了。 完全没有兼容性问题。 实现动画非常简单，而且功能更加的强大。 代码简单、粗暴。 没有对比，就没有伤害，有了对比，处处戳中要害。 什么是jQuery? jQuery的官网 http://jquery.com/ jQuery就是一个js库，使用jQuery的话

Js选择器总结 一、原生JS选择器 # JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll() A： getElementById(ID): 返回对指定ID的第一个对象的引用，如果在文档中查找一个特定的元素，最有效的方法是getElementById() B: getElementsByName(name): 返回文档中name属性为name值的元素，因为name属性值不是唯一的，所以查询到的结果有可能返回的是一个数组，而不是一个元素。 C: getElementsByTagName(tagname): 返回文档中指定标签的元素 D: getElementsByClassName():返回文档中所有指定类名的元素 E: querySelector():返回文档中匹配指定css选择器的第一个元素 F: querySelectorAll():返回文档中匹配指定css选择器的第一个元素 二、jQuery选择器 # 内容 基本选择器有ID选择器、类选择器、标签选择器、通用选择器，事件的添加方法如下： $(...).事件名(function() { }); 属性样式有： $(...).css(

Jquery 1.jquery介绍 为什么要用jquery jquery的两大特点 链式编程：比如 .show() 和 .html() 可以连写成 .show().html() 。 隐式迭代：隐式 对应的是 显式。隐式迭代的意思是：在方法的内部进行循环遍历，而不用我们自己再进行循环，简化我们的操作，方便我们调用。 什么是jquery jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。 js库是把我们常用的复杂功能封装到简单的方法中，我们用的时候，将库直接引入然后调用方法即可。 初期，主要学习如何使用jQuery操作DOM，其实就是学习jQuery封装好的那些功能API。 这些API的共同特点是：几乎全都是方法。所以，在使用jQuery的API时，都是 方法调用 ，也就是说要加小括号()，小括号里面是相应的参数，参数不同，功能不同。 版本说明 jQuery 有三个大版本： 1.x版本：最新版为 v1.11.3。 2.x版本：最新版为 v2.1.4（不再支持IE6、7、8）。 3.x版本。 2.jquery的使用 使用 jQuery 的基本步骤 下载 ：jQuery有两个文件，一个是 jquery-3.4.1.js (未压缩版)，一个是 jquery-3.4.1.min.js (压缩版,推荐项目上线时使用) 关于jQuery的相关资料：

介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫，并且可以根据自己需要去改写和封装插件，简单实用。 jQuery对象