jQuery教程:jQuery核心方法的使用

2016-02-20 01:03 2 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享jQuery教程:jQuery核心方法的使用,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)今天我们再深入的学习一下jQuery的核心。

jQuery对象访问:


$("Element").;















       :function(,){return ? :;}
       :function(,){return ? :;}




({
         :function()
         {
                 return this.(function() { this.checked = true; });
         }

         :function()
         {
                 return this.(function() { this.checked = false; });
         }

})


$("input[@type=checkbox]");//表示将input标签的type属性设置为选中,其中,中括号中的内容表示如果input的type属性是checkbox的话,再设置为选中。
$("input[@type=radio]").;




有的时候我们可能在同一个页面内调用多种js库,比如即使用jQuery类库又使用P
jQuery.;

jQuery.)//使用方法,dom.query = jQuery.noConflict(true)则表示将$和jQuery的控制权都交还给原来的库。比如你想要将jQuery嵌入一个高度冲突的环境。注意:调用此方法后极有可能导致插件失效。因此用的时候一定要考虑清楚。dom.query将代表"$"符号。
//$.extend等同于jQuery.extend在这里面的max和min是两个自定义的函数,并且都有2个参数,在方法体内进行比较。方法体内使用的是条件表达式,与if条件判断差不多。此条件表达式的意思是:如果num1num2相比较后如果num1大于num2那么返回true,那么此方法返回?之后:之前的内容也就是num1,反之是num2。
   调用的时候只要使用$.max(2,3)传入任意的两个参数,那么将返回num2也就是数字3;$.min(7,8)则返回num1因为num1比num2小。$替换成jQuery完全没有问题。

来源:http://www.tulaoshi.com/n/20160220/1633155.html

延伸阅读
标签: Web开发
今天重点一个toggle(fn,fn,….)函数,主要是用来切换某个事件的轮换操作。 比如:对一个按钮的点击事件和一个DIV的背景,点击一次按钮,将DIV的背景显示为蓝色,点击第二次的时候要将DIV的 背景色改为黑色。 我们定义的HTML代码如下: body input type="button" id="btnShow" value="Toggle"/ div id="DivToggle"此处显示 id "DivToggle" ...
标签: Web开发
于是翻出了前年的Jquery中文文档。 大致浏览了下Jquery的方法。发现Jquery如此之强大,怎么以前就没有发现呢?于是就亲手写了基于Jquery的扩展函数,代码如下: 代码如下: jQuery.fn.__toggleCheck = function (idPrefix) { var c = false; $(this).click(function () { if (c) c = false; else c = true; $("input[type=checkbox][id...
标签: Web开发
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" head     title全选,不全选,反选/title     script src="js/jquery.js" type="text/javascript"/script     script lang...
标签: Web开发
$("标签名") //取html元素 document.getElementsByTagName("") $("#ID") //取单个控件document.getElementById("") $("div #ID") //取某个控件中 控件 $("#ID #ID") // 通过控件ID取其中的控件 $("标签.class样式名") //通过class来取控件 $("#ID").val(); //取value值 $("#ID").val(""); //赋值 $("#ID").hide(); //隐藏 $("#ID").show...
标签: Web开发
一些简单的代码简化 下面是一个简单示例,它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务,比方说为页面的某一区域中的每个链接附加一个单击(click)事件,您可以使用纯 JavaScript 代码和 DOM 脚本来实现,如 清单 1 所示。 清单 1 :没有使用 jQuery 的 DOM 脚本 var external_links = document.getElementById('exte...

经验教程

421

收藏

68
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部