jquery文档

jQuery 树插件

有些话、适合烂在心里 提交于 2020-02-17 00:07:08
jQuery 树插件 zTree -- jQuery 树插件 http://www.baby666.cn/v3/main.php#_zTreeInfo 国产的,非常好用 -------------------------------------------------------- jsTree JsTree是一个基于jQuery的Tree控件。支持HTML、JSON和XML等多种数据源。jsTree是所有jQuery树插件中功能最完善的。支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页面保持状态等等。此外,它还支持主题功能,并自带有主题包。 jsTree是完全免费的,遵循GNU许可。 Demo: http://www.jstree.com/demo 下载地址: http://www.jstree.com/ 文档: http://www.jstree.com/documentation Treeview Treeview是另一个好用的轻量级jQuery树插件,该插件能够将无序列表转换成可展开与收缩的Tree,支持无限制扩展及动态添加菜单项。Treeview在MIT和GPL协议下开源。 Demo: http://jquery.bassistance.de/treeview/demo/ 下载地址: http://github.com/jzaefferer

实用的树形菜单控件tree

爱⌒轻易说出口 提交于 2020-02-17 00:01:20
jQuery plugin: Treeview 这个插件能够把无序列表转换成可展开与收缩的Tree。 jQuery plugin: Treeview jQuery jstree jsTree 是一个基于jQuery的Tree控件。支持XML,JSON,Html三种数据源。提供创建,重命名,移动,删除,拖\放节点操作。可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。在这些操作上可以添加多种监听事件。 jstree jQuery UI Widgets FileTreePanel FileTreePanel扩展至Ext.tree.TreePanel附带基本的文件/文件夹管理功能。其它还包括文件上传,重命名,删除,新建与移动。 FileTreePanel ExtJs jQuery File Tree jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观,指定文件树展开图标,可以自己定义展开/收缩事件、速度,配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。 jQuery File Tree jQuery dhtmlxTree dhtmlxTree是一个功能丰富的Tree Menu控件。提供丰富的操作API,AJAX支持和drag-n-drop功能。 dhtmlxTree dTree

JQuery

淺唱寂寞╮ 提交于 2020-02-14 17:47:30
jQuery简介 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的使用方式 jQuery 库是一个 JavaScript 文件,可以使用 HTML 的 <script> 标签引用它: 1.可以选择在 <head></head> 内引用 < head > < script src = "js/jquery-1.12.2.js" > < / script > < / head > 2.也可以直接在 <body></body> 内引用 < body > < script src = "js/jquery-1.12.2.js" > < / script > < / body > jQuery选择器 jQuery选择器基于元素的id、类、类型、属性、属性值等查找,允许对HTML元素组或单个元素进行操作。 jQuery所有的选择器都以美元符号开头: $() 。 jQuery选择器-基本选择器 元素选择器 $ ( function ( )

jQuery开发者眼中的AngularJS

一曲冷凌霜 提交于 2020-02-13 10:46:04
文章来源:http://blog.jobbole.com/76265/ AngualrJS是一个很贴心的web应用框架。它有很不错的官方文档和示例;经过在现实环境中的测试 著名的TodoMVC project ,它在海量的框架中脱颖而出;而且网上到处都是很不错演示或者展示。但是对于一个没有接触过和AngularJS相似的框架而且还是几乎都在使用像jQuery这样的JavaScript类库的开发者来讲,要从jQuery的思想转变成AngularJS的思想是有点困难的。至少对于我来说是这样的,所以我想要分享一些学习笔记希望帮到一些开发者。 Ng不是一个库(library) 要理解AngularJS,第一件要做得事情就是要明白这是一个根本上就和jQuery不一样的工具。jQuery是一个库而AngularJS是一个框架。使用库是指,你的代码决定什么时候从库中调用一个特定的方法;使用框架则是,你实现了一些回调方法,到了特定的时候框架会去调用这些方法。 当你思考下在runtime的时候会发生什么以后你就可以理解这个不同点了。jQuery在与runtime的时候会发生什么?大部分情况下,什么时候都不会发生。jQuery代码的执行是作为触发了DOM事件上绑定的jQuery方法的响应。 在加载的时候,Angular会将你的DOM树和JavaScript转向一个angular app

jquery测试文档

隐身守侯 提交于 2020-02-12 02:17:27
Jquery版本:* jQuery JavaScript Library v1.3.2 * http://jquery.com/ 引用:<script src="JS/jquery.js" type="text/javascript"></script> 测试1:给隐藏域赋值: 控件:<input type="hidden" id="hdInfo" /> 脚本:function aa() { jQuery("#hdInfo").val('test'); alert(jQuery("#hdInfo").val()); //等价于 $("#hdInfo").val('test'); alert($("#hdInfo").val()); } 测试2:获得table第一列的所有数据: 控件:<table cellspacing="0" rules="all" border="1" id="dataGridView1" style="border-collapse:collapse;"> <tr> <th scope="col">编号</th><th scope="col">学号</th><th scope="col">姓名</th><th scope="col">课程编号</th><th scope="col">课程名称</th><th scope="col">分数</th> </tr>

jquery中this的使用说明

▼魔方 西西 提交于 2020-02-10 09:01:46
在使用jquery操作js时,经常整不明白this与$(this)。抽空仔细测试了一把,记录下来以供在忘记的时候拉出来参考参考! 原来js中的this这么好用 复制代码 代码如下: $(document).ready(function(){   var DragElement=null;   $("#zz").mousedown(function(){   DragElement=this;//这时this指的就是$("#zz")对象   $(document).mousemove(function(){   如果直接$(this).css("left")//由于是在mousemove内,这样this对象就不是$("#zz"),   这时可以用$(DragElement).css("left")//这样取的就是$("#zz") }) }) }) $(this)生成的是什么 $()生成的是什么呢?实际上$()=jquery(),那么也就是说返回的是一个jquery的对象。 题外话:通常我们为了简便直接使用$(),实际上,该函数省略了一个参数context,即$(selector)=$(selector,document).如果指定context,可以指定context为一个dom元素集或者jquery对象。 那么依照,$()返回的是jquery对象这一结论,我们可以得出$(this

jQuery学习-w3cschool-(1)jQuery 教程

自作多情 提交于 2020-02-10 00:33:13
一、jQuery 简介 (1) 使用 Google 的 CDN引入jQuery库: <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head> (2) 使用 Microsoft 的 CDN引入jQuery库: <head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js"></script> </head> (3) jQuery 库包含以下特性:    HTML 元素选取    HTML 元素操作    CSS 操作    HTML 事件函数    JavaScript 特效和动画    HTML DOM 遍历和修改    AJAX    Utilities 二、jQuery 语法 (1)基础语法: jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。 基础语法是: $(selector).action() $定义 jQuery 选择符(selector) “查询”和“查找” HTML 元素 jQuery 的 action()

浅析jQuery源码

▼魔方 西西 提交于 2020-02-09 14:21:07
title: 浅析jQuery源码 date: 2017-08-14 categories: jQuery tags: [jQuery,js] --- jQuery 整体架构图 jQuery的主要点: 关于jQuery的整体分析 对于源码的分析:很重要的一点是,摒弃面向过程的思维方式,不要刻意去追求从上至下每一句都要在一开始弄明白。很有可能一开始你在一个奇怪的方法或者变量处卡壳了,很想知道这个方法或变量的作用,然而可能它要到几千行处才被调用到。如果去追求这种逐字逐句弄清楚的方式,很有可能在碰壁几次之后阅读的积极性大受打击 关于模块之间,最可能发生的就是变脸冲突,因此,代码要求高内聚、低耦合,尽量暴露少的变量给外界,或者进行检查。 ES5中使用立即执行匿名函数作为模块 jQuery中最基本有selector event animate等模块 亮点1jQuery每次调用不用new jQuery.fn.init.prototype = jQuery.fn = jQuery.prototype = $ ; new jQuery.fn.init() 相当于 new $() ; $() 返回的是 new jQuery.fn.init()和 new $()是相同的,所以我们可以无 new 实例化 jQuery 对象。 在JavaScript中函数是没有重载的概念 但是却可以实现类似重载的最终效果

jQuery操作页面元素之元素插入

為{幸葍}努か 提交于 2020-02-08 13:29:26
1:jQuery提供的append()、prepend()、appendTo()、prependTo()、after()、before()、insertAfter()和insertBefore()等方法可以向文档中插入结点。 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="uft-8"> 6 <title>插入结点</title> 7 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> 8 </script> 9 </head> 10 <script> 11 /* 12 $(选择器).append(参数1,参数n) 13 $(参数).appendTo(选择器) 14 1:选择器匹配的目标元素作为添加元素的父元素。若匹配多个元素,则同时为这些元素添加相同子结点 15 2:参数可以是HTML字符串、HTML元素、文本、数组或jQuery对象,也可以是返回这些内容的函数。 16 append()方法提供多个参数时,同时添加多个子结点。 17 */ 18 $(function() { 19 $('#btn').click(function() { 20 $('div').append('<b

jquery知识点复习

為{幸葍}努か 提交于 2020-02-08 01:01:17
一、 基本概念 jQuery 简介 jQuery 是一个基于 javascript 的框架。它提供了丰富的选择器和大量的函数,可以方便的实现网页中各种动态的效果。迄今为止,已经有大量的 jquery 插件和基于 jQuery 的 UI 框架( miniui 、 easyui 、 ligerui )。 jQuery 的宗旨是: write less,do more! 文档加载完毕函数 常规形式:$(document).ready(function(){… …}); 简写形式:$(function(){… …}); jquery 对象和 js 对象的相互转化 jquery 对象不等同于 js 对象 ! js 对象的属性和方法 ,jquery 对象不能调用 ;jquery 对象的属性和方法, js 对象也不能调用。 js转jquery : $(js 对象 ) jquery转js : $( “#box1”).get(0) 或者 $(“.box”)[0] 二、 选择器 jquery 的基石就是选择, jquery 提供了大量的选择器。 建议在不同的业务场景下使用不同的选择器。 注意:通过任何一个选择器筛选到的结果都是一个数组,所以要判断通过选择器是否筛选到了元素,可以通过 length 属性进行判断。 基本选择器 n ID 选择器 $(“#ID 值 ”) 例如: $( “#txt1”) n