html()方法的功能是:设置或获取元素中显示的内容;

           text()方法的功能是:获取或设置元素的文本内容。

           *     html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码

三、几种表单选择器的区别:

            input表单选择器:返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select> 和 <button>标记的表单元素;

            text表单文本选择器:获取表单中全部单行的文本输入框元素;

            password表单密码选择器:获取表单中全部的密码输入文本框元素;

            radio单选按钮选择器:获取表单中的全部单选按钮元素;

            checkbox复选框选择器:快速定位并获取表单中的复选框元素;

            submit提交按钮选择器:一个表单中只允许有一个“type”属性值为“submit”的提交按钮,使用可获取表单中的这个提交按钮元素;                    *      :submit 选择器选取类型为 submit 的 <button> 和 <input> 元素,如果 <button> 元素没有定义类型,大多数浏览器会把该元素当作类型为 submit 的按钮。

            image图像域选择器:当一个<input>元素的“type”属性值设为“image”时,使用其可以快速获取该类全部元素。

                *     只能获取<input>图像域,而不能获取<img>格式的图像元素

            button表单按钮选择器:能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素;

            checked选中状态选择器:有一些元素存在选中状态,如复选框、单选按钮元素,选中时“checked”属性值为“checked”,调用其可以获取处于选中状态的全部元素;

            selected选中状态选择器:只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素。

 

四、jQuery操作DOM元素:

            attr()方法:作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值;

            html()与text()方法:当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容;

            addClass()与css()方法:可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中;

                                   *     为addClass()方法增加多个样式名称时,要用空格隔开,比如:.addClass("blue white");

                                          css()方法需要去设置具体的样式,比如:css({"background-color":"red","color":"white"});

            removeAttr(name)与removeClass(class)方法:分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名,后者方法中参数则表示移除的样式名;

            append(content)方法:功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数

            appendTo()方法:$(content).appendTo(selector), 参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部;

            before()与after()方法:$(selector).before(content)     $(selector).after(content), 分别表示在整个元素的前面和后面插入指定的元素或内容,其中参数content表示插入的内容,该内容可以是元素HTML字符串;

            clone()方法: $(selector).clone(), 可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,其中参数selector可以是一个元素或HTML内容;

            replaceWith()与replaceAll()方法:$(selector).replaceWith(content) $(content).replaceAll(selector), 都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,参数selector为被替换的元素,content为替换的内容;

            wrap()与wrapInner()方法:$(selector).wrap(wrapper)  $(selector).wrapInner(wrapper), 都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,参数selector为被包裹的元素,wrapper参数为包裹元素的格式;

            each()方法:$(selector).each(function(index)), 遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始,

                  例如:

                                          $("span").each(function (index) {
                                                     if (index == 1) {
                                                               $(this).attr("class", "red");
                                                     }
                                          });

             remove()与empty()方法:

                   remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素;

                   empty()方法则只删除所选元素的子元素;

 

五、几种jQuery事件:

             ready()事件:类似于onload()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。

                          此外,下列写法是相等的:

                              $(document).ready(function(){});等价于$(function(){});

             bind()方法:$(selector).bind(event,[data] function), 绑定元素的事件非常方便,绑定前,需要知道被绑定的元素名,绑定的事件名称,事件中执行的函数内容就可以,参数event为事件名称,多个事件名称用空格隔开,function为事件执行的函数;

             hover()方法:$(selector).hover(over,out), 当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,over参数为移到所选元素上触发的函数,out参数为移出元素时触发的函数;

             toggle()方法:$(selector).toggle(fun1(),fun2(),funN(),...), 可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换(依次执行绑定的函数,当执行到最后一个函数时,再次点击将又返回执行第一个函数);

             unbind()方法:$(selector).unbind(event,fun), 移除元素已绑定的事件,其中参数event表示需要移除的事件名称,多个事件名用空格隔开,fun参数为事件执行时调用的函数名称,如果没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序;

             one()方法:$(selector).one(event,[data],fun), 可以绑定元素任何有效的事件,但这种方法绑定的事件只会触发一次,参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件时执行的函数;

             trigger()方法:$(selector).trigger(event), 可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,总之,该事件必须能执行,其中event参数为需要手动触发的事件名称;

             focus()与blur()方法:focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件;

             change()事件:当一个元素的值发生变化时,将会触发change事件,例如在选择下拉列表框中的选项时,就会触change事件;

             live()方法:$(selector).live(event,[data],fun), 参数event为事件名称,data为触发事件时携带的数据,fun为触发该事件时执行的函数;与bind()方法相同,live()方法与可以绑定元素的可执行事件,除此相同功能之外,live()方法还可以绑定动态元素,即使用代码添加的元素事件,例如:

                                  $(function () {
                                              $("#btntest").live("click mouseout", function () {
                                                         $(this).attr("disabled", "true");
                                                                    })
                                              $("body").append("<input id='btntest' type='button' value='点击或移出就不可用了' />");
                                  });            

                          虽然按钮元素是在事件绑定声明之后,并且是通过追加的方式添加至页面的,但由于使用的是live()方法绑定元素的事件,因此,仍然生效。