jquery文档

jQuery文档操作

廉价感情. 提交于 2019-11-28 02:35:34
jQuery操作文档: 一 heml文档操作 1.创建元素 $("<div></div>") 2.添加元素 parent.append(child)  添加一个子元素 3.删除元素 node.remove();   $("div").remove()  删除所有的div元素 4.替换元素 node.replaceWith();  替换元素   $("div").replaceWith("<p>我是来替换的</p>")  将所有的div元素替换为p元素 二 html元素内容、值、属性操作 1.text()方法  获取或设置元素的文本内容 $("div").text()  获取所有div的文本内容 $("div).text("设置文本内容")  为所有的div元素设置文本内容 2.html方法 $("div").html()  获取所有div的第一个div的html内容 $("div).html("设置文本内容")  为所有的div元素设置html内容 3.attr()方法  获取或设置元素的属性值 $("input[type='checkbox']").attr("checked")  获取所有匹配的复选框中的第一个复选框的checked的属性值 $("input[type='checked'].attr("checked",true) 

JavaScript - 测试 jQuery

回眸只為那壹抹淺笑 提交于 2019-11-28 00:49:30
JavaScript - 测试 jQuery 测试 JavaScript 框架库 - jQuery 引用 jQuery 如需测试 JavaScript 库,您需要在网页中引用它。 为了引用某个库,请使用 <script> 标签,其 src 属性设置为库的 URL: 引用 jQuery <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> </head> <body> </body> </html> jQuery 描述 主要的 jQuery 函数是 $() 函数(jQuery 函数)。如果您向该函数传递 DOM 对象,它会返回 jQuery 对象,带有向其添加的 jQuery 功能。 jQuery 允许您通过 CSS 选择器来选取元素。 在 JavaScript 中,您可以分配一个函数以处理窗口加载事件: JavaScript 方式: function myFunction() { var obj=document.getElementById("h01"); obj.innerHTML="Hello jQuery"; } onload=myFunction; 等价的 jQuery 是不同的:

【转】强烈推荐200多个JQuery插件

微笑、不失礼 提交于 2019-11-27 23:03:59
概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不 及的,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。 jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆js来调用命令了,只需定义 id 即可。今天在 Kollermedia.at 上发现了一篇JQuery插件列表的 文章 ,特推荐如下。 文件上传(File upload) Ajax File Upload . jQUploader . Multiple File Upload plugin . jQuery File Style . Styling an input type file . Progress Bar Plugin . 表单验证(Form

【jQuery基础】

老子叫甜甜 提交于 2019-11-27 20:46: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官网 jQuery AP中文文档 BootCDN 1. 优势

前端---JQuery初识

这一生的挚爱 提交于 2019-11-27 20:14:19
---恢复内容开始--- BOM JQuery认识 JQuery基本选择器 JQuery高级选择器 1.j avascript基础部分包括三个部分 :   ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。    DOM :文档对象模型,操作 网页上的元素 的API。比如让盒子移动、变色、轮播图等。    BOM :浏览器对象模型,操作 浏览器部分功能 的API。比如让浏览器自动滚动。   DOM是BOM的一部分。 window对象:   window对象是javascript中的顶级对象   全局变量、自定义函数也是window对象的属性和方法 BOM常见的内置方法和内置对象:    (1) window.open(url,target)   参数解释: url :要打开的地址       target:新窗口的位置.可以是_biank,_self,_parent父框架 <script> setTimeout(function () { window.open('www.baidu.com','_self') //_self 表示在当前页面打开,不写会跳转一个新页面 },2000)</script> (2)location 对象属性  window.location 可以简写成location.他相当于浏览器地址栏

前端--初识jQuery

半城伤御伤魂 提交于 2019-11-27 20:13:55
jQuery 一.jQuery介绍 1.jQuery是一个轻量级.兼容多浏览器的js库. 2.jQuery使用户能够更方便地处理HTML Document,Events,实现动画效果,方便的进行Ajax交互,能够极大的简化js编程,它的宗旨就是"Write less,do more." - 版本 - 1.x 兼容IE8。。。 - 3.x 最新- .min.xx 压缩的:生产环境用 - 没有压缩的(没有.min.xx):开发用 二.为什么要用jQuery? 写起来简单,省事,开发效率高,兼容性好 三.什么是jQuery? jQuery是一个兼容多浏览器的js库(类似于python中的模块) 四.如何使用jQuery? 1.导入<script src = "jquery-3.3.1.js"></script>或者<script src = "jquery-3.3.1.min.js"></script> 2.语法规则:$(" ") 五.js和jQuery的区别? jQuery就是js写的 js是基础,jQuery是工具 六.选择器: 1.基础选择器   --ID选择器 $("#id的值")   --类选择器(class) $(".class的值")   --标签选择器(html标签) $("标签的名字")   --所有标签   $("*")   --组合选择器 $("xx,xxx") 2

【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之属性操作、文档操作、阻止冒泡、事件委托、响应式页面@media

时间秒杀一切 提交于 2019-11-27 08:29:15
属性操作 jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作。比如attr()、removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作。比如prop()、removeProp() 类样式操作:是指对DOM属性className进行添加,移除操作。比如addClass()、removeClass()、toggleClass() 值操作:是对DOM属性value进行读取和设置操作。比如html()、text()、val() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="box"> </div> <script src="jquery-3.3.1.js"></script> <script> // js:getAttribute() setAttribute() // jQ:attr()可以设置多个属性建议不要设置class属性容易覆盖,用addClass removeClass toggleClass // removeAttr()移除属性 // 对js对象属性进行操作