leejj_520的博客

1、DOM创建节点及节点属性通过JavaScript可以很方便的获取DOM节点，从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构，但这样就非常不灵活了。试想下这样的情况：如果我们通过AJAX获取到数据之后然后才能确定结构的话，这种情况就需要动态的处理节点了。本文向大家介绍一下如何使用JavaScript创建div节点元素，主要包括创建div节点元素的属性和创

1．DOM内部插入append()与appendTo()动态创建的元素是不够的，它只是临时存放在内存中，最终我们需要放到页面文档并呈现出来。那么问题来了，怎么放到文档上？这里就涉及到一个位置关系，常见的就是把这个新创建的元素，当作页面某一个元素的子元素放到其内部。针对这样的处理，jQuery就定义2个操作的方法：append：这个操作与对指定的元素执行原生的appendCh

1. DOM节点删除之empty()的基本用法要移除页面上节点是开发者常见的操作，jQuery提供了几种不同的方法用来处理这个问题，这里我们来仔细了解下empty方法。empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了 指定元素中的所有子节点。这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点

1. jQuery事件对象的作用事件中的Event对象容易被初学者忽略掉，可能大多时候初学者不知道怎么去用它，但有些时候它还是非常有用的。一个标准的"click"点击事件：$(elem).on("click",function(event){   event //事件对象})在不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异。jQuery根据 W3C 标准规范了事

1. jQuery自定义事件之trigger事件众所周知类似于mousedown、click、keydown等等这类型的事件都是浏览器提供的，通俗叫原生事件，这类型的事件是需要有交互行为才能被触发。在jQuery通过on方法绑定一个原生事件：$('#elem').on('click', function() {    alert("触发系统事件") });alert需要执行

1．jQuery中toggle与slideToggle以及fadeToggle的比较操作元素的显示和隐藏可以有几种方法。例如：（1）改变样式display为none（2）设置位置高度为0（3）设置透明度为0都能达到这个目的，并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外，还引入

1. jQuery中动画animate(上)有些复杂的动画通过之前学到的几个动画函数是不能够实现，这时候就需要强大的animate方法了。操作一个元素执行3秒的淡入动画，对比一下2组动画设置的区别：$(elem).fadeOut(3000)  $(elem).animate({       opacity:0},3000)显而易见，animate方法更加灵活了，可以精确

1. jQuery中each方法的应用jQuery中有个很重要的核心方法each，大部分jQuery方法在内部都会调用each，其主要的原因的就是jQuery的实例是一个元素合集。如下：找到所有的div，并且都设置样式，css只是一个方法，所以内部会调用each处理这个div的合集，给每个div都设置style属性：$('div').css(...)jQuery的大部分方法都是针元

1. jQuery中隐藏元素的hide方法让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效果。$elem.hide()提供参数：.hide( options )当提供hide方法一个参数时，.

1. jQuery中下拉动画slideDown对于隐藏的元素，在将其显示出来的过程中，可以对其进行一些变化的动画效果。之前学过了show方法，show方法在显示的过程中也可以有动画，但是.show()方法将会匹配元素的宽度，高度，以及不透明度，同时进行动画操作。这里将要学习一个新的显示方法slideDown方法。.slideDown()：用滑动动画显示一个匹配元素.slideDown(

1、jQuery的属性与样式之.attr()与.removeAttr()每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。如：在img元素中，src就是元素的特性，用来标记图片的地址。操作特性的DOM方法主要有3个，getAttribute方法、setAttribute方法和removeAttribute方法，就算如此在实际操作中还是会存在很多问题，这里先不

1. on()的多事件绑定之前学的鼠标事件，表单事件与键盘事件都有个特点，就是直接给元素绑定一个处理函数，所有这类事件都是属于快捷处理。翻开源码其实可以看到，所有的快捷事件在底层的处理都是通过一个"on"方法来实现的。jQuery on()方法是官方推荐的绑定事件的一个方法。基本用法：.on( events ,[ selector ] ,[ data ] )最常见的给元素绑定一个点击事

jQuery简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设

jQuery选择器jQuery事件

1. DOM拷贝clone()克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆。.clone()方法深度复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，这样不仅仅只是克隆

1. jQuery遍历之children()方法jQuery是一个合集对象，如果想快速查找合集里面的第一级子元素，此时可以用children()方法。这里需要注意：.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系）理解节点查找关系：            1    代码如果是$("di

1. jQuery鼠标事件之click与dbclick事件在交互操作中，最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用法是类似的，下面以click()事件为例。使用上非常简单：方法一：$ele.click()绑定$ele元素，不带任何参数一般是用来指定触发一个事件，

1. jQuery表单事件之blur与focus事件在之前我们学过了表单处理事件focusin事件与focusout事件，同样用于处理表单焦点的事件还有blur与focus事件。它们之间的本质区别：是否支持冒泡处理举个简单的例子  其中input元素可以触发focus()事件div是input的父元素，当它包含的元素input触发了focus事件时，它就产生了foc

1. jQuery键盘事件之keydown()与keyup()事件鼠标有mousedown,mouseup之类的事件，这是根据人的手势动作分解的2个触发行为。相对应的键盘也有这类事件，将用户行为分解成2个动作，键盘按下与松手，针对这样的2种动作，jQuery分别提供了对应keydown与keyup方法来监听。keydown事件：当用户在一个元素上第一次按下键盘上字母键的时候，就会触发它

1． jQuery的理念：write less,do more. 2． jQuery的特点(1)   容易上手(2)   强大的选择器(3)   解决浏览器的兼容(4)   完善的事件机制(5)   出色的Ajax封装(6)   丰富的UI 3. jQuery 每一个系列版本分为：压缩版(compressed)与 开发版(development)，建议在开发

1. jQuery选择器之id选择器id选择器：一个用来查找的ID，即元素的id属性 $("#id" )id选择器是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。注意：id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发

6. jQuery选择器之基本筛选选择器很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素，为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范，而是jQuery自己为了开发者的便利延展出来的选择器。筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头，通过一个列表，看看基本筛选器的描述：注意事项

1. jQuery中淡出动画fadeOut让元素在页面不可见，常用的办法就是通过设置样式的display:none。除此之外还可以一些类似的办法可以达到这个目的。这里要提一个透明度的方法，设置元素透明度为0，可以让元素不可见，透明度的参数是0~1之间的值，通过改变这个值可以让元素有一个透明度的效果。常见的淡入淡出动画正是这样的原理。 fadeOut()函数用于隐藏所有匹配的元素，并带有