// javascript语句 //通常在html head标签中定义javascript 2 语句 javascript每个逻辑行用分号结尾...=function(){ // 用匿名函数定义对象的方法 alert(this.info); } } # 扩展和继承...("The paragraph is now hide"); })三 jQuery HTML #获取DOM内容 text() 设置或返回元素文本内容 html() 设置或返回元素的...HTML内容 val() 设置或返回表单字段的值 attr() 获取属性 其中以上函数也可拥有回调函数 #设置内容 test("new content"); html("完成后执行的函数 $.get(URL,callback); $.post(URL,data,callback) #补充 GET vs POST
//JQuery中目前有两个合成事件hover(),toggle();你可以这样理解：合成事件就是可以触发两个函数的事件 //...{ $(this).next().hide(); }) });*/ //上面例子中，第一单击显示，第二次单击隐藏，同样可以用合成时间toggle(),这个时候的a也不会跳转 $(function(){...，带事件类型参数会移除指定事件，带有事件类型以及处理函数作为参数那么移除指定事件处理函数 }); 5、 模拟事件示例代码： Joyous 博客...=”javascript”> //很多事件都是有用户单击或者鼠标划过来触发的，可是刚打开的页面我们有没有办法直接触发呢？...知识在于积累，不论现在有没有用，将来肯定有用滴！！
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。...可选的 callback参数是滑动完成后所执行的函数名称。...可选的 callback参数是滑动完成后所执行的函数名称。...- 可选的 callback参数是滑动完成后所执行的函数名称。...- 可选的 speed - 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 - 可选的 callback 参数是动画完成后所执行的函数名称。
（当文档完成加载时） $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件...它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是 fading 完成后所执行的函数名称。...它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是 fading 完成后所执行的函数名称。...可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是动画完成后所执行的函数名称。...$("button").click(function(){ $("div").animate({left:'250px'}); }); 可以用 animate() 方法来操作所有 CSS 属性吗？
$("div#intro .head") 选取id="intro" 的 元素中的所有 class="head" 的元素 （2）属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素...$("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!...Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时） $(selector).click(function) 触发或将函数绑定到被选元素的点击事件...$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件 $(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件（被选中...// 必需的，URL，参数规定您希望加载的 URL // 可选的，data，参数规定与请求一同发送的查询字符串键/值对集合 // 可选的，callback()，参数是load()方法完成后所执行的函数名称
背景 在现在就业的过程中，会运用JQuery是你的加分项，那么什么是JQuery，嗯，jquery是JavaScript的函数库，是一种轻量级的JavaScript库，写得少，做的多，导致jQuery有很多技术人员在使用它做项目...) 触发或将函数绑定到被选元素的双击事件 $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 jQuery 隐藏/显示 hide()和show..."); }); jQuery 链 许在一条语句中运行多个jQuery方法 $("#p1").css("color","pink").slideUp(2000).slideDown(2000); jQuery...获取和jQuery 设置 text()--设置或返回所选元素的文本内容 html()--设置或返回元素的内容（包括HTML标记） val()--设置或返回表单字段的值 jQuery 添加元素 append...、删除类的切换操作 css()--设置或返回样式属性 jQuery 尺寸 width()--设置或返回元素的宽度（不包括内边距、边框或外边距） height()--设置或返回元素的高度（不包括内边距
jQuery代码，即在DOM加载完成后才可以对DOM进行操作。...规定隐藏或显示的速度，取值可以为"slow","fast"或毫秒； 可选的callback是隐藏或显示后执行的函数名称。 ...（不带参数） 6.jQuery链(chaining) 链：顾名思义，锁链，即一环套一环。 jQuery中将动作/方法链接在一起，因此，在相同元素上，我们可以在一条语句上运行多个jQuery方法。...html()：设置或获取所选元素的内容(包括HTML标记) val()：设置或获取表单字段的值 -- 获取属性： attr()：设置或获取属性值 ps1：以上函数不传入参数时是获取；传入参数时是设置...； callback：可选，load()完成后执行的回调函数；可设置的参数： responseTxt：包含调用成功的结果内容； statusTxt：包含调用的状态；"success"或"error
，有什么用？.../js/jquery-1.11.0.js" > /*文档加载完成的事件*/ jQuery(document).ready(function(){ alert("jQuery(document...([[data],fn]) 触发每一个匹配的click事件，这个函数会调用执行绑定到click事件的所有函数。...("slow","normal",or"fase")或表示动画时长的毫秒数值，fn: 在动画完成执行的函数，每个元素执行一次 // 显示段落 html代码： <p style="display: none...") 所有带有以 ".jpg" 结尾的 href 属性的属性 事件 jquery事件处理函数是jquery中和核心函数。
该事件方法在 jQuery 语法 章节中已经提到过。 click() click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。...添加 click 事件之间要切换的两个或多个函数 trigger() 触发绑定到被选元素的所有事件 triggerHandler() 触发绑定到被选元素的指定事件上的所有函数 unbind() 从被选元素上移除添加的事件处理程序...） width() 设置或返回被选元素的宽度 wrap() 在每个被选元素的周围用 HTML 元素包裹起来 wrapAll() 在所有被选元素的周围用 HTML 元素包裹起来 wrapInner() 在每个被选元素的内容周围用...可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件（”demo_test.txt”）的内容： jQuery AJAX 是个非常棒的功能！...() 规定第一个 AJAX 请求开始时运行的函数 ajaxStop() 规定所有的 AJAX 请求完成时运行的函数 ajaxSuccess() 规定 AJAX 请求成功完成时运行的函数 load() 从服务器加载数据
前者是jQuery库的源代码版本，它带有注释信息，建议你在开发环境中使用该文件，以便于调试或阅读源代码。...A.prependTo( $B ); // 将$A追加到$B内部的开头位置 $A.replaceAll( $B ); // 用$A替换$B $A.replaceWith( $B ); // 用$B替换$...("click"); //主要用于解除通过live()方法绑定的处理函数 $("selector").die("click"); //主要用于解除通过delegate()方法绑定的处理函数 $(document...).undelegate("selector", "click"); //主要用于解除通过on()方法绑定的处理函数 $("selector").off("click"); 十一：jQuery辅助工具方法....map()用于遍历数组元素或对象属性，并将每次执行遍历函数的返回值封装为数组返回 var obj = { name: "jQuery", age: 20, isAdmin: true }; var resultArray
现在来思考，有没有什么办法，我创造一个函数，同时具备了加法和减法的功能呢？ 当然有了，我大不了传一个标志位flag,如果是0，代表加法，如果是1，就代表减法。...用户的需求是千变万化的，如果我们把函数里面的内容写死，那么就显得非常不灵活。这个时候，你就会想，有没有什么办法，让函数的功能变得不确定起来呢？...这是由jQuery的on函数决定的。...所以有的人不重视基础，虽然也能完成开发任务，但却往往只是照猫画虎而已，真要出了点问题，就很难解决了。...让我们回到代码： $("#box").on('click',function(e){ alert(); }); 这是jQuery给我们封装好的函数，专门用来绑定事件的。
这里是三条最常见的jQuery选择语句： $('.elem') $('.elem', context) context.find('.elem') 我们用1.4.2、1.4.4、1.6.2...其他语句的测试，比如.attr("value")和.val()，也是新版本的jQuery表现好于老版本。 2. 用对选择器 在jquery中，你可以用多种选择器，选择同一个网页元素。...因为elem.data()方法是定义在jQuery函数的prototype对象上面的， 而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。...尽量少生成jquery对象 每当你使用一次选择器（比如$('#id')），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。...所以，尽量少生成jQuery对象。 举例来说，许多jQuery方法都有两个版本，一个是供jQuery对象使用的版本，另一个是供jQuery函数使用的版本。
jQuery初学者笔记 一 Mirror王宇阳 by jQuery语法 jQuery语法是通过选取HTML元素，并对选取的元素进行操作 基础语法： 所有jQuery语句用“$”符号开始 函数绑定到文档的就绪事件（当文档完成加载时） | |$(selector).click(function) |触发或将函数绑定到被选元素的点击事件 | |...|触发、或将函数绑定到指定元素的 change 事件 | |click() |触发、或将函数绑定到指定元素的 click 事件 | |dblclick() |触发...|触发、或将函数绑定到指定元素的 submit 事件 | |toggle() |绑定两个或多个事件处理器函数，当发生轮流的 click 事件时执行。...fast/毫秒数;即：缓慢的、快速的、延迟的) callback:完成执行后调用的函数名称 --> toggle():开关 $("#toggle").click(function(){ // toggle
) 将函数绑定到文档的就绪事件（当文档完成加载时） $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $(selector).dblclick(function...触发或将函数绑定到被选元素的鼠标悬停事件 jQuery 事件方法 方法 描述 bind() 向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 change...() 触发、或将函数绑定到指定元素的 change 事件 click() 触发、或将函数绑定到指定元素的 click 事件 dblclick() 触发、或将函数绑定到指定元素的 double click...，现在或将来 unload() 触发、或将函数绑定到指定元素的 unload 事件 一 jQuery是什么？...return false } //最后,大家尝试着用jquery的绑定来完成这个功能!
这里是三条最常见的jQuery选择语句： $('.elem') $('.elem', context) context.find('.elem') 我们用1.4.2、1.4.4、1.6.2三个版本的jQuery...用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。...请看下面的例子，为a元素绑定一个处理点击事件的函数： $('a').click(function(){ alert($(this).attr('id')); }); 这段代码的意思是，点击a元素后，弹出该元素的...因为elem.data()方法是定义在jQuery函数的prototype对象上面的，而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。...尽量少生成jQuery对象 每当你使用一次选择器（比如$('#id')），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。
我用的是jQuery1.12.4版本 uncompressed：未压缩版本，适用于开发环境，方便查看源代码 minified：压缩版本，适用于生产环境 jQueryapi文档 官方api文档：英文版本...jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $("[href]") 选取所有带有 href 属性的元素。...事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。 通常会把 jQuery 代码放到 部分的事件处理方法中....可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。 jQuery animate() 方法用于创建自定义动画。...它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是动画完成后所执行的函数名称。 代码操作： <!
() { 代码块 }; 两种入口函数的区别: 1.jQuery的入口函数要比JS的入口函数先执行; 2.jQuery的入口函数会等待页面加载完成才执行,但不会等待图片的加载;...3.JS的入口函数会等待页面和图片都加载完成才执行....click()方法触发click事件,或规定当发生click事件时运行的函数....2、使用requirejs或seajs异步加载js 3、JS放到页面底部引入 4、避免全局查找 5、减少属性查找 6、使用原生方法 7、用switch语句代替复杂的...if else语句 8、减少语句数,比如说多个变量声明可以写成一句 9、使用字面量表达式来初始化数组或者对象 10、使用DocumentFragments或innerHTML取代复杂的元素注入
这里是三条最常见的jQuery选择语句： $(‘.elem’) $(‘.elem’, context) context.find(‘.elem’) 我们用1.4.2、1.4.4、1.6.2三个版本的...用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。...因为elem.data()方法是定义在jQuery函数的prototype对象上面的，而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。...尽量少生成jQuery对象 每当你使用一次选择器（比如$(‘#id’)），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。...所以，尽量少生成jQuery对象。 举例来说，许多jQuery方法都有两个版本，一个是供jQuery对象使用的版本，另一个是供jQuery函数使用的版本。
属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 1 $("[href]") :选取所有带有 href 属性的元素。...绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时） $(selector).click(function) 触发或将函数绑定到被选元素的点击事件...blur 事件 change() 触发、或将函数绑定到指定元素的 change 事件 click() 触发、或将函数绑定到指定元素的 click 事件 dblclick() 触发、或将函数绑定到指定元素的...double click 事件 delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件处理器 die() 移除所有通过 live() 函数添加的事件处理程序。...，现在或将来 unload() 触发、或将函数绑定到指定元素的 unload 事件 jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数
这里是三条最常见的jQuery选择语句： $('.elem') $('.elem', context) context.find('.elem') 我们用1.4.2、1.4.4、1.6.2...用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。...再来看一个例子，为a元素绑定一个处理点击事件的函数： $('a').click(function(){ alert($(this).attr('id')); }); 这段代码的意思是...因为elem.data()方法是定义在jQuery函数的prototype对象上面的，而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。...尽量少生成jQuery对象 每当你使用一次选择器（比如$('#id')），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。
云服务器
ICP备案
云直播
对象存储
即时通信 IM
