【第三章(jQuery中的DOM操作)】教程文章相关的互联网学习教程文章

jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解

1、(function($) {…})(jQuery); 1)、原理: 这实际上是匿名函数,如下: function(arg){…} 这就定义了一个匿名函数,参数为arg 而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即: (function(arg){…})(param) 这就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名函数 而(function($){…})(jQuery)则是一样的,之所以只在形参使用$,是为了不与其他库冲突,...

jQuery中filter(),not(),split()的用法

filter(),not(): 程序代码<script type="text/javascript">$(document).ready(function() {//输出 helloalert($("p").filter(".selected").html());//输出 How are you?alert($("p").not(".selected").html());});</script> </head><body> <p class="selected">Hello</p><p>How are you?</p><!--一个新的挑战是从一组类似或相同的元素中只选择某一个特定的元素。jQuery提供了filter()和not()来做这个。filter()能够将元素精简...

jQuery中绑定事件的几种方法

以click事件为例,jQuery中绑定事件有三种方法: (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){});第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已第二、三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其要注意二者的区别。【bind和live的区别】 live方...

深入理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法

当我们用javascript写ajax程序写得很“开心”的时候,突然有人告诉你有一种东西叫jquery,它会告诉你不直接和HttpRequest是多么的快乐,同时你再也不需要再烦恼纠结的ajax乱码问题,更幸福的是你的js代码将大大地简化,看完本文,你会发现,ajax,简单的来讲就是一句话的事情。本文重点是来讲讲jQuery中调用ajax的4种方法:$.get、$.post、$getJSON、$ajax。如果读者没有javascript和jquery的知识,或者没有ajax的概念,那么请先去...

jquery中DOM的操作方法【代码】【图】

先介绍几个比较简单的方法,不经常用到,做个记录1. filter() 方法顾名思义,filter是一个过滤器,如果给定表示 DOM 元素集合的 jQuery 对象,.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素;所有匹配该选择器的元素都会包含在结果中。 1<!DOCTYPE html> 2<html> 3<head> 4<style> 5 div { width:60px; height:60px; 6 margin:5px; float:left; 7 border:2px white sol...

Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助。详细解读Jquery各Ajax函数: $.get(),$.post(),$.ajax(),$.getJSON()一,$.get(url,[data],[callback])说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格式...

jQuery中siblings()和slideDown()、slideUp()实战

siblings(可选):用于选择同辈元素的表达式;slideDown(speed,[callback]):speed(String,Number):三种预定速度之一的字符串("slow","normal" or "fast"), 或者设定的毫秒数值(如:200)callback(Function): 可选 在动画完成时执行的函数原文:http://www.cnblogs.com/weiyuncai/p/4171453.html

jQuery中bind,live,delegate与one方法的用法及区别解析

bind( )方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象。.bind(eventType[, evnetData], Handler(eventObject)) 其中,参数eventType是一个字符串,包含一个或多个javaScript事件类型,例如click,submit或自定义事件的名称,指定多个事件类型时用空格分隔各个类型;eventData为Map类型,给出要传递给事件处理程序的数据,handler指定触发该事件时要执行的函数,eventObject表示事件对象。 .bind()方...

jquery中动画特效方法【代码】

基本特效方法: 说明.show() 显示选中的元素.hide() 隐藏选中的元素.toggle() 在选中的元素上切换显示和隐藏的状态 淡入淡出效果方法: 说明.fadeIn() 淡入选中元素使其变得不透明.fadeOut() 淡出选中元素使其变得透明.dadeTo() 修改选中元素的透明度.fadeToggle() 使用透明度来隐藏或显示选中元素(切换其当前状态,若当前...

jquery中判断是否按下回车键【代码】

在jquery中,可以通过如下的方法,检测是否按下了回车键 1 $(‘#someTextBox‘).keypress(function(event){2var keycode = (event.keyCode ? event.keyCode : event.which);3if(keycode == ‘13‘){4 alert(‘You pressed a "enter" key in textbox‘); 5 }6});7 8 $(document).keypress(function(event){9var keycode = (event.keyCode ? event.keyCode : event.which); 10if(keycode == ‘13‘){ 11 alert(...

jquery 中dataTable显示加载中,图片或文字

引入js文件<script type="text/javascript" src="${basePath}/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 配合加载中图片一起,下面这个是设置加载图片的位置为居中显示 <style type="text/css"> /*设置正在加载中的居中显示*/.dataTables_wrapper .dataTables_processing {   position: absolute;   top: 30%;   left: 50%;   backgroundColor : ‘#000‘; ...

jQuery中find和filter的区别【代码】【图】

这是jQuery里常用的2个方法。他们两者功能是完全不同的,而初学者往往会被误导。首先 我们看.find()方法:现在有一个页面,里面HTML代码为;程序代码<div class="css"><p class="rain">测试1</p> </div> <div class="rain"><p>测试2</p> </div>如果我们使用find()方法:var $find = $("div").find(".rain"); alert( $find.html() ) ;将会输出:如果使用filter()方法:var $filter = $("div").filter(".rain"); alert( $filter.html(...

解决Jquery中click里面包含click事件,出现重复执行的问题【代码】

出现问题的代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN"> <head> <title>Document</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <style type="text/css">* {margin: 0; pa...

JavaScript学习笔记——jquery中html()、text()、val()的区别

.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上...

jQuery中contains和has的区别

jQuery中contains和has的区别根据不同的内容和属性可以准确定位到需要找的属性 如何根据内容筛选标签?:contains 匹配包含给定的文本元素$("div:contains(‘Jhon‘)"):has 匹配含有选择器所匹配的元素的元素$("div:has(p)").addClass("test") p为标签原文:http://www.cnblogs.com/iceyhu/p/3486888.html