jquery name选择器

【jQuery基础】 -- 2019-08-17 01:02:16

浪尽此生 提交于 2019-11-27 14:15:29
原文: http://blog.gqylpy.com/gqy/240 " 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除 事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:" Write less, do more. "

【jQuery基础】 -- 2019-08-17 00:55:04

回眸只為那壹抹淺笑 提交于 2019-11-27 14:14:34
原文: http://blog.gqylpy.com/gqy/240 " 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除 事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:" Write less, do more. "

JavaWeb总结

一世执手 提交于 2019-11-27 13:07:25
JavaWeb总结 第1章 jsp 1.1 什么是jsp Jsp 全名为Java Server Pages,它是由 Sun Microsystems 公司倡导、许多公司参与一起建立的一种动态网易技术标准,它是在传统的静态网页HTMl文件中插入Java程序段和JSP标记,形成JSP文件。用JSP开发的Web应用是跨平台的,可在多个操作系统上运行。 1.2 jsp三大指令 指令可以拥有很多属性,他们都以键值对的形式存在,并且以逗号隔开 属性 描述 buffer 指定out对象使用缓冲区的大小 autoFlush 控制out对象的 缓存区 contentType 指定当前JSP页面的MIME类型和字符编码 errorPage 指定当JSP页面发生异常时需要转向的错误处理页面 isErrorPage 指定当前页面是否可以作为另一个JSP页面的错误处理页面 extends 指定servlet从哪一个类继承 import 导入要使用的Java类 info 定义JSP页面的描述信息 isThreadSafe 指定对JSP页面的访问是否为线程安全 language 定义JSP页面所用的脚本语言,默认是Java session 指定JSP页面是否使用session isELIgnored 指定是否执行EL表达式 isScriptingEnabled 确定脚本元素能否被使用 1.2.1Page指令 <

jQuery之选择器

ぐ巨炮叔叔 提交于 2019-11-27 06:06:47
jQuery简述   jQuery是 js 的一个库,封装了我们开发过程中常用的一些功能,方便我们调用,提高开发效率。   js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里即可。   官网: http://jquery.com/   汉化: http://www.css88.com/jqapi-1.9/ 基本使用: js和jquery对象互转   js--->jquery     $(js对象)   jquery--->js     jq对象[0]     jq对象.get(0) CSS基本选择器 jQuery 的基本选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="box"> <p id="a">大壮</p> <p>日</p> <p>天</p> </div> <p>热狗</p> <script src="jquery-3.3.1.js"></script> <script> $(function () { $('.box>p').css('color','red'); //近邻下一个兄弟js对象 console.log($('#a+p')); }) </script> </body>

最常见的 20 个 jQuery 面试问题及答案

China☆狼群 提交于 2019-11-27 05:59:41
jQuery 面试问题和答案   JavaScript 是客户端脚本的标准语言,而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用到的 JavaScript 库之一,并且现在已经很少有不用jQuery 而使用原生 JavaScript 的新项目了。这对于作为一个 Java web 开发者的你而言意味着你会在一场Java web开发面试中发现许多jQuery的面试问题.   早些时候,绝大部分都是 HTTP, HTML, CSS 以及 JavaScript,但最近开始,除了 JavaScript 基础之外,人们也希望知道你是否熟悉 jQuery。这16个jQuery的问题是为web开发者准备的,且也能够非常方便你在参加一次 电话或者视频一轮的面试 之前纠正一些关键的概念。如果你是 jQuery 新手,那么它也能够帮助你更加好的理解基础知识,并激励你去发现更多东西。   1. jQuery 库中的 $() 是什么?(答案如下)   $() 函数是 jQuery() 函数的别称,乍一看这很怪异,还使 jQuery 代码晦涩难懂。一旦你适应了,你会爱上它的简洁。$() 函数用于将任何对象包裹成 jQuery 对象,接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你甚至可以将一个选择器字符串传入 $

JQuery学习笔记之选择器

馋奶兔 提交于 2019-11-27 04:57:51
JQuery与DOM对象 <div id="test1" class="test2"></div> DOM对象获取方式: var dom_div1 = document.getElementById('test1'); var dom_div2 = document.getElementByClassName('test2'); JQuery对象获取方式: var $jq_div1 = $('#test1'); // id选择器 var $jq_div2 = $('.test2'); // 类选择器 var $jq_div3 = $('div'); // 元素选择器 DOM对象与JQuery对象互相转换: // dom -> jq var dom2jq_div1 = $(dom_div1); var dom2jq_div2 = $(dom_div2); // jq -> dom var jq2dom_div1 = jq_div1[0]; var jq2dom_div2 = jq_div2.get(0); 二者区别如下: 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题

jQuery 选择器

流过昼夜 提交于 2019-11-27 03:23:04
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> /*jQuery库包含以下功能:里面封装了很多方便使用的方法 HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities */ ////1.语法 $(document).ready(function(){ //ready保证jQuery先被浏览器获取到, //与js中window.onload类似作用 // 开始写 jQuery 代码... }); //或者, $(function(){ // 开始写 jQuery 代码... ////2.jQ的常用选择器 //1.id选择器 //获取id,类似js中 document.getElementById(""); $("#tId").click(function(){ alert($(this).attr("value")); //this就是当前元素#tId }); //2.标签选择器 $("#t01").click(function(){ var

jQuery选择器总结[转]

风流意气都作罢 提交于 2019-11-26 18:31:03
原文:http://www.cnblogs.com/onlys/articles/jQuery.html jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") // 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") // 选择所有的div标签元素,返回div元素数组 $(".myClass") // 选择使用myClass类的css的所有元素 $("*") // 选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$("#myELement,div,.myclass") 层叠选择器: $("form input") // 选择所有的form元素中的input元素 $("#main > *") // 选择id值为main的所有的子元素 $("label + input") // 选择所有的label元素的下一个input元素节点,经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") // 同胞选择器,该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签 基本过滤选择器: $("tr:first")      // 选择所有tr元素的第一个

前端之jQuery

旧城冷巷雨未停 提交于 2019-11-26 15:47:35
jQuery   jQuery介绍     1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。     2.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

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