选择器是JQuery的根基，在JQuery中对事件处理、选择遍历Dom、ajax操作都依赖选择器。JQuery选择器分为基本选择器、层次选择器、过滤选择器、表单选择器。一、基本选择器 1、ID选择器$("#ID")页面中每个ID是唯一的，ID选择器选择每个ID元素，如下方法如下：$("#ID");例：$("#tbxName")这个方法选择id=tbxName的页面元素。选择结果为单个元素。2、类选择器$(".class")据给定的类匹配查找元素，类选择器选择页面中样式类定义为要查...
转自：http://www.cnblogs.com/bro-ma/p/3063942.html JQuery中的DOM操作主要对包括：建【新建】、增【添加】、删【删除】、改【修改】、查【查找】【像数据库操作】。 一、查--查找DOM节点 查找节点非常容易，使用选择器就能轻松完成各种查找工作。例：查找元素节点p返回p内的文本内容$("p").text();例：查找元素节点p的属性返回属性名称对应的属性值$("p").attr("title"),返回p的属性title的值。 二、建--新建DOM节点 ...
一、jQuery的ajax1、什么是ajax AJAX = 异步的javascript和XML（Asynchronous Javascript and XML）。 简言之，在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示。 通过 jQuery AJAX 方法，我们能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON ，同时能够把这些外部数据直接载入网页的被选元素中。 2、jQuery的 $.ajax()方法（重要） jQuery的$.ajax()方法 是做ajax技...
变量 变量命名 可以使用短名称 比如 x y 也可以使用描述性更好的名称（推荐 变量必须以字母开头 变量也可以以 $ _符号开头，但不推荐 变量名称对大小写敏感 驼峰式命名法 变量声明 js中变量可以先声明后赋值 同时也可以同时给多个变量赋值 var a=10,b=11,c=22; 数据类型 数字类型 字符串 数组 null undefined 定义对象但没有赋值的话，调用的时候是undefined，nul...
一、选择器1、基本选择器①id选择器：# ②class选择器：. ③标签名选择：标签名 ④并列选择：用，隔开 ⑤后代选择：用空格隔开代码用法展示： View Code2、过滤选择器（1）、基本过滤①首个：:first ②尾个：:last ③任意个：:eq(索引号) ④大于：:gt(索引号)⑤小于：:lt(索引号) ⑥排除：:not(选择器) ⑦奇数：odd ⑧偶数：even（2）、属性过滤①属性名...
一.JQuery语法 JQuery语法1.JQuery("选择器").action();通过选择器调用事件函数 但JQuery中JQuery可以用$代替，即$("选择器").action()； ①选择器，可以直接使用CSS选择器，选中元素；②.action()表示对元素执行的操作。 2.文档就绪函数：防止了文档在完全加载（就绪）之前运行JQuery代码 $(document).ready(function(){ console.log($("p")); $("p").hide(); //JQuery代码 }) 简写：$(function(){}); [文档就绪函数与window.on...
一. 基础语法是：$(selector).action()1.定义： 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作2.实例：$(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。$("#test").hide() 演示 jQuery hide() 函数，隐藏 id="test" 的元素。$("p").hide() 演示 jQuery hide() 函数，隐藏所有 <p> 元素。$(".test").hide() 演示 jQuery hide() 函...
因一个项目的需要，需要在前端界面实现在折叠面板里拖曳控件到工作区的功能（类似于Android和MFC的可视化界面开发），于是就开始学起了强大的jQuery，发现里面的jQuery-UI有折叠面板、按钮等控件，但当在折叠面板里拖曳按钮时，按钮的拖曳范围只能是折叠面板内部，不能拖到工作区。所以这里绕了个弯实现了一下：主要的实现过程是：首先在控件表明生成一个副本，每次拖曳控件的时候拖曳的都是副本，当拖曳完成，即鼠标弹起后，原控件...
1.jQuery 简介：由美国人John Resig于2006年创建，设计思想是write less,do more2.在页面中引入jQuery<script src="js/jquery-1.12.4.js" type="text/javascript"></script>3.jQuery语法规则工厂函数$()：将DOM对象转化为jQuery对象选择器 selector：获取需要操作的DOM 元素方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法语法：$（selector）.action()4.jQuery操作页面元素使用addClass( )方法为元素添加样式使用...
概念 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。 jQuery设计的 宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript 设计模式， 优化HTML文档操作、事件处理、动画设计和Ajax交互。Jquery对象和JS对象区别与转换 JQuery对象在操作时更加方...
var x = 42; console.log( x ); var message = (function( x ){return function() {console.log( "x is " + x );} })( x ); message(); x = 12; console.log( x ); message(); ----------------------p47 自执行匿名函数 （） //对象 p42 $.extend(obj1,obj2,obj3)//合并 $.extend({},obj)//复制 $.extend(true,{},obj)//深度复制 //数组 $.makeArray(obj);//对象转换数组 $.inArray();//指定数组是否存在某个值;不存在返回-...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><title> 使用 jQuery 表单过滤选择器 </title><script language="javascript" type="text/javascript" src="jquery-3.3.1.min.js"></script><style type="text/css">body {font-size: 12px;text-align: center}form {width: 241px}textarea,select...
标准HTML文件引入jQuery库方法：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><!-- 引入 jQuery --><script src="../scripts/jquery.js" type="text/javascript"></script><script type="text/javascript">//等待dom元素加载完毕.$(document)....
jQuery基础效果$(document).ready(function(){}这句话的意思是页面加载完成后执行，等同于js中的window.onload，大家学了jQuery的话应该就会知道?$(document).ready(function(){//这行代码意思是页面加载后执行?????????? $("#bun1").click(function(){//#是ID的意思? .是Class的意思?? $("#bun1")选择你需要用到的元素，这句话的意思是我要给一个ID为bun1的元素加点击事件?????????? $(".h11").hide(‘fast‘)//一样$(".h11")选择...
jQuery UI是以jQuery为基础的代码库。包含底层用户交互、动画、特效、和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序一、jQuery UI主要分为3个部分：交互、小部件和效果库。1、交互交互部件是一些与鼠标交互相关的内容，包括Draggable、Droppable、Resizable、Selectable和Sortable等2、小部件主要是一些界面的扩展，包括AutoComplete、ColorPicker、Dialog、Slider、Tabs、ProgressBar、Spinner等3、...