jquery name选择器

前端之JQuery

由 99封情书 提交于 2019-11-26 15:45:47
摘要： jQuery初识 jQuery具体使用方法 jQuery初识 jQuery介绍： jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“ Write less, do more .“ 为何要用JQuery？ # 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:45:31
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插件做出来的效果很炫

day28(jquery编程)

由 ╄→гoц情女王★ 提交于 2019-11-26 13:57:50
jquery:是一个优秀javascript框架,一个轻量级的js库 兼容css3,及各种浏览器 使用户更方便的处理html,event,实现动画效果 并且方便网站提供ajax交互 使用户的html页面保持html和代码分离 注意:jquery2.x开始不再支持ie6,7,8 jquery的核心理念:write less,do more,写的少,做的多 官方网站:http://jquery.com jquery的编程步骤: 1.引入jquery的js文件 2.使用jquery的选择器,定位要操作的节点 3.调用jquery的方法进行业务操作 什么是jquery对象: jquery为了解决浏览器的兼容问题而提供的一种统一 封装后的对象描述 query提供的方法都是针对jquery对象特有的,而大部分 方法的返回类型也是jquery对象,所以方法可以连续调用(方法链) 用法: jquery对象.方法().方法().方法().... html中 标签, 节点 ,对象 元素 css 中 样式: 属性和值 id选择器,class选择器,元素选择器,派生选择器,伪类选择器 js 中 javascript对象 内置对象,外置对象,自定义对象 有属性,有方法体的方法 json 中 java中json对象,java中的json字符串 相互转换 javascript中json对象

【jQuery基础】 -- 2019-08-08 18:01:37

由 孤街浪徒 提交于 2019-11-26 13:51:18
原文: http://106.13.73.98/__/14/ 目录 #. 介绍 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官网

jQuery常用技巧

由 ￣綄美尐妖づ 提交于 2019-11-26 09:09:51
Attribute： $(”p”).addClass( css 中定义的样式 类 型); 给某个元素添加样式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值，参数是map $(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值 $(”img”).attr(”title”, function() { return this.src }); 给某个元素添加属性/值 $(”元素名称”).html(); 获得该元素内的内容（元素，文本等） $(”元素名称”).html(”<b>new stuff</b>”); 给某元素设置内容 $(”元素名称”).removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值 $(”元素名称”).removeClass(”class”) 给某元素删除指定的样式 $(”元素名称”).text(); 获得该元素的文本 $(”元素名称”).text(value); 设置该元素的文本值为value $(”元素名称”).toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式 $(”input元素名称”).val(); 获取input元素的值 $(”input元素名称”).val(value);

day46 jQuery

由 老子叫甜甜 提交于 2019-11-25 23:22:49
day46 jQuery 内容回顾: 1.库和框架的区别 库: 小而精: 直接操作DOM, 如css()方法 jquery封装了js中的哪些操作(大量的api=方法) - 事件 - 属性 - DOM - 选择器 - ajax(交互的技术) jQuery的链式编程: jQuery的方法可以实现和js的属性操作一样的功能, 好处在哪, jQuery的方法执行完,给返回了jQuery对象, 还可以接着使用其他方法, 这就是链式编程 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li>bajie</li> <li>wukong</li> <li>datang</li> </ul> <script src="jquery.js"></script> <script> var colors = ['red','yellow','blue']; //1.从jquery对象转换为js对象 console.log($('li')[0]); //注意这里, 方式一.加上[下标], 是从jquery对象到js对象的转换 //方式二.JQ对象.get(0) //2.从js对象转换为jquery对象 var item = document

【jQuery基础】 -- 2019-08-07 10:25:36

由 你。 提交于 2019-11-25 19:50:37
原创: http://106.13.73.98/__/26/ 目录 #. 介绍 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官网

Web前端基础(15):jQuery基础(二)

由 孤者浪人 提交于 2019-11-25 16:55:19
1. jQuery选择器 jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们更加方便的获取到页面中的元素。 1.1 基本选择器 例子如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div></div> <div id="box"></div> <div class="box"></div> <div class="box"></div> <div></div> <script type="text/javascript" src="js/jquery-2.1.0.js"></script> <script type="text/javascript"> //入口函数 $(function(){ //三种方式获取jquery对象 var jqBox1 = $("#box"); var jqBox2 = $(".box"); var jqBox3 = $('div'); //操作标签选择器 jqBox3.css('width', '100'); jqBox3.css('height', 100); jqBox3.css('background-color', 'red'); jqBox3.css('margin-top'

前端之jQuery

由 偶尔善良 提交于 2019-11-25 16:53:00
目录 jQuery介绍 jQuery引入方式 jQuery基础语法 查找标签 基本选择器 id选择器 标签选择器 class选择器 组合选择器 所有元素选择器 配合使用 层级选择器 基本筛选器 属性选择器 表单筛选器 筛选器方法 操作标签 样式操作 位置操作 边框尺寸 文本操作 属性操作 文档处理 添加到元素内部的后面 添加到元素内部的前面 添加到指定元素 外部 的后面 添加到指定元素 外部 的前面 移除和清空元素 克隆 事件 常用事件 jQuery事件绑定 hover绑定事件 实时监测input内部输入内容 阻止后续事件执行 事件冒泡 页面载入 事件委托 动画效果 each .data() jQuery介绍 jQuery是一个轻量级、兼容多浏览器的JavaScript库，能使用户更方便地处理HTML文档，实现动画效果、方便地进行Ajax交互。 jQuery引入方式 一种是引入本地的jQuery文件，另一种是引用jQuery的cdn <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> jQuery基础语法 $(选择器).action() 查找标签 基本选择器 id选择器 $('#id') 标签选择器 $('div') class选择器 $('.c1') 组合选择器 $('#d1,
订阅 jquery name选择器