jquery文档

jQuery对象转成DOM对象： 两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index); (1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。 如：var $v =$("#v") ; //jQuery对象 var v=$v[0]; //DOM对象 alert(v.checked) //检测这个checkbox是否被选中 (2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象 如：var $v=$("#v"); //jQuery对象 var v=$v.get(0); //DOM对象 alert(v.checked) //检测这个checkbox是否被选中 选择文档中所有图像作为元素数组，并用数组内建的 reverse 方法将dom对象数组反向。 HTML 代码: <img src="test1.jpg"/> <img src="test2.jpg"/> jQuery 代码: $("img").get().reverse(); DOM对象转成jQuery对象: 对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象) 如：var v=document.getElementById("v"); //DOM对象 var $v=$(v

jquery.widget是挂件，通过挂件模式挂载在jquery对象上，其实本质上也就是用了$.fn.extend和$.extend的扩展。 http://blog.sina.com.cn/s/blog_4a60ba9c01014dea.html Jquery ui 提供了一些基本的widget，但是他提供了很好的机制来创建widget。在jquery css framework中包含了基本的css样式（视觉和感觉诸如颜色，字体大小，图标等），而在ui的css中，则需要定义构建widget结构的css，比如margin，padding，position等。在开发widget的时候也要尽量遵循这一原则，这样才能很好的利用jquery theme roller来应用样式，从而在整体上保持一致，在前面的文章中简单的 介绍了jquery css framework。下面就简单的介绍下jquery ui 的开发指引 Jquery的官方文档中对此写的很清晰。一般来说，jquery ui都是继承自jquery.ui.widget.js这个文件的。这个文件提供了一个工厂方法来创建widget对象。其方法是$.widget(String name, Options prototype).下面简单介绍下这个类提供的方法和属性。在创建widget的时候将重写这些。 destroy()

1what http://jquery.com/ * 一个优秀的JS函数库: write less, do more（使用了jQuery的网站超过90%，中大型WEB项目开发首选） * 封装简化DOM操作(CRUD) / Ajax 2why * 强大选择器: 方便快速查找DOM元素（HTML元素选取和操作） * 隐式遍历(迭代): 一次操作多个元素 * 读写合一: 读数据/写数据用的是一个函数（一般传参数就是写，不传就是读） * 链式调用: 可以通过.不断调用jQuery对象的方法 * HTML事件处理（响应用户操作） * DOM操作(CUD) * 样式（CSS）操作 * JS动画效果 * 浏览器兼容 * 易扩展插件 * ajax封装 3how 3.1 引入jQuery库 1）本地引入 <script type="text/javascript" src="js/jquery-1.12.3.js"></script> 2）CDN远程引入（需要有网） <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script> https://cdn.bootcss.com/jquery/1.9.0/jquery.min.js https://cdn.bootcss.com/jquery/1.9.0/jquery.js

1 jQuery核心函数 * 简称: jQuery函数($/jQuery) * jQuery库向外直接暴露的就是$/jQuery * 引入jQuery库后, 直接使用$即可 * 当函数用: $(xxx) * 当对象用: $.xxx() 1.1理解 即: $ 或 jQuery jQuery定义了这个全局的函数供我们调用，它既可作为一般函数调用, 且传递的参数类型不同/格式不同功能就完全不同，也可作为对象调用其定义好的方法, 此时$就是一个工具对象。 1.2作为一般函数调用: $(param) 1)参数为函数：当DOM加载完成后，执行此回调函数。例：$(fun) 2)参数为选择器（(selector)）字符串: 查找所有匹配的标签, 并将它们封装成jQuery对象。例：$("#div1") 3)参数为DOM对象: 将dom对象封装成jQuery对象。例：$(div1Ele) 4)参数为html标签字符串 (用得少): 创建标签对象并封装成jQuery对象。例：$("<div>") 1.3作为对象使用: $.xxx() 1) 发送ajax请求的方法： $.ajax()、 $.get()、$.post()··· 2）其他工具方法： $.each() : 隐式遍历数组 $.trim() : 去除两端的空格 $.parseJSON() ··· <script src="js/jquery-1

HTML和CSS HTML5基础 HTML常用标签 CSS3基础 CSS选择器 CSS基础样式 CSS基础布局 JavaScript JavaScript基础 JavaScript基本数据类型 JavaScript基础语法 JavaScript函数 JavaScript 内置对象 JavaScript的DOM操作 对象模型 文档对象模型 DOM jQuery jQuery基础 jQuery选择器 jQuery属性和样式操作 jQuert DOM操作 jQuery 动画效果 jQuery 插件 BootStrap BootStrap基础 Bootstrap布局 Bootstrap组件 Bootstrap插件 Vue Vue基础 Vue指令 Vue实例 Vue组件 Vue 项目搭建 Vue生命周期钩子 Vue项目功能插件 来源： https://www.cnblogs.com/TMesh/p/11756066.html

jQuery 插件 1 jQuery 插件的网站 http://plugins.jquery.com/ 官网 http://www.jq22.com/ jQuery插件库 http://www.htmleaf.com/ jQuery 之家 http://www.jq-school.co m jQuery-school 2 经典jQuery插件 2.1 ### select2 下拉框搜索插件 官网 https://select2.org/ github https://github.com/select2/select2 用法 $(dom).select2() $(dom).select({ width:, data:, ajax:, .... }) 2.2 datetimepicker 时间日期插件 github https://github.com/xdan/datetimepicker 文档 https://xdsoft.net/jqplugins/datetimepicker/ 用法 //设置语言 $.datetimepicker.setLocale('zh'); //调用插件 $(dom).datetimepicker({ datepicker:, timepicker:, format:"Y-m-d H:i", value:， .... }) 2.3 fullpage

目录 选择器 1 基本选择器 2 层级选择器 3 过滤选择器 4 内容选择器 5 可见性选择器 6 属性选择器 7 子元素选择器 8 表单选择器 9 表单对象选择器 选择器 通过选择器，可以获取到页面元素。jQuery具有强大的选择器，跟CSS3选择器类似 1 基本选择器 #id 根据给定的ID匹配一个元素 element 根据给定的元素标签名匹配所有元素 .class 根据给定的css类名匹配元素。 * 匹配所有元素 selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回 2 层级选择器 ancestor descendant 在给定的祖先元素下匹配所有的后代元素 parent>child 在给定的父元素下匹配所有的子元素 prev+next 匹配所有紧接在 prev 元素后的 next 元素 prev~siblings 匹配 prev 元素之后的所有 siblings 元素 3 过滤选择器 :first 获取第一个元素 :not(selector) 去除所有与给定选择器匹配的元素 :even 匹配所有索引值为偶数的元素，从 0 开始计数 :odd 匹配所有索引值为奇数的元素，从 0 开始计数 :eq(index) 匹配一个给定索引值的元素 :gt(index) 匹配所有大于给定索引值的元素 :lang 选择指定语言的所有元素。1.9

目录 jQuery基础 1. 了解jQuery 1.1 什么是jQuery 1.2 什么事JS类库 1.3 常见JS类库 1.4 jQuery的优势 1.5 jQuery的版本 1.6 jQuery 相关网站 2 jQuery 基本使用 2.1 安装 2.2 jQuery对象 2.3 文档就绪事件 2.4 连贯操作 2.5 jQueryDOM和jsDOM jQuery基础 1. 了解jQuery 1.1 什么是jQuery jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库 jQuery极大的简化了JavaScript 编程 1.2 什么事JS类库 它就是一些函数的集合，就是把特定效果的代码写好，你只需要在用的时候要用很少的代码去调用。 起主导作用的是你的代码，由你来决定何时使用类库。 1.3 常见JS类库 jQuery ExtJS prototype.js zepto.js 1.4 jQuery的优势 开源 免费 便捷的选择器 方便的DOM操作 方便的动画特效 易用的ajax操作 丰富的插件扩展 解决浏览器兼容性效果 1.5 jQuery的版本 1.x.x的版本是可以 支持 IE6~IE8的 2.x.x到3.x.x 的版本，不在兼容IE8以及以下浏览器 1.6 jQuery 相关网站 官网 https://jquery.com/ 文档API： http:/

jQuery学习 jQuery 语法 通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 < html > < head > < script type = "text/javascript" src = "/jquery/jquery.js" > < / script > < script type = "text/javascript" > $ ( document ) . ready ( function ( ) { $ ( "button" ) . click ( function ( ) { $ ( this ) . hide ( ) ; } ) ; } ) ; < / script > < / head > < body > < button type = "button" > Click me < / button > < / body > < / html > $("#test").hide() 演示 jQuery hide() 函数，隐藏 id=“test” 的元素。 < html > < head > < script type = "text/javascript" src = "/jquery

jQuery 什么是jquery jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 基础语法： $(*selector*).*action*() jQuery对象与js对象互相转换 var p1 = $("#p1"); // 得到jq对象 var p2 = document.getElementById("p1"); // 得到js对象 var jsp = p1[0]; // 将jq对象转成js对象 var jqp = $(p2); // 将js对象转成jq对象 jQuery 选择器 选择器 描述 $("id") id选择器 $("class") 类选择器 $("tagName") 标签选择器 $("div.d1") 配合选择器（类为d1的div标签） $("*") 所有元素选择器 $("#id, .className, tagName") 组合选择器 $("x y") 后代选择器 $("x > y") 子类选择器 $("x + y") 毗邻选择器 $("x ~ y") 兄弟选择器 筛选器 筛选器 描述 :first 第一个 :last 最后一个 :eq(index) 索引等于index的标签 :even 匹配索引为偶数的标签，包括0 :odd 匹配索引为奇数的标签 :gt(index)