jquery浅谈,$function(){}的理解

    众所周知,jquery技术最近几年非常火爆,本人自大学毕业的面试中不断的被问及jquery。今天就jquery的理解整理成文档,供大家参考。

    经常会看到项目中老前辈们写的代码,//掉的,新加的,有时一个jquery写的很零乱,这时,小手指会不听话,啪啪啪的去敲打的键盘,改改改,改成自己喜欢的样子。可是有时候这样的狂改,反而将零乱的代码改出了bug。不如不改,还是自己的经验不足,导致这种问题的出现。

    下面分享一个jquery的小例子:

      $(function(){

        $(#‘d1‘).toggle(function(){

          $(‘#d2‘).show(‘fast‘);

        },function(){

          $(‘#d3‘).hide(‘slow‘);

        });

      });

    上面的一段代码看着很简单,但它写在js内,在一个html页面中,意思是在整个html解析完后,生成相应的dom树,执行其内部的代码。其实jquery就是将一些dom节点进行封装,封装成对象,方便调用jquery内的一些方法属性啥的。

--作者水平有限,望谅解,后面会跟大家分享更多的jquery知识--

时间: 2024-10-29 10:18:56

jquery浅谈,$function(){}的理解的相关文章

Jquery中的(function($){...})(jQuery)

当你第一眼看到“(function($){...})(jQuery)”的时候,你有什么感觉?呵呵呵,我当时还是止不住的从心底里骂了一句——操,这他妈什么劳什子.时过境迁,对于现在无比倚重Jquery的我,自感当时的自己是那么的无知,今天忙里偷闲,解释一下究竟“(function($){...})(jQuery)”该怎样理解: 代码一: ? 1 2 3 4 5 6 7 8 9 10 11 12 <title>代码一</title> <meta http-equiv="

jquery中的mouseenter实现理解

说在前面:首先说一下两者之间的区别,假设当前元素为element,mouseover事件具有冒泡特性,也就是说无论鼠标是从别的元素移动到element或者是从element的子元素移动到element都会触发mouseover事件.对于mouseenter事件,该事件没有冒泡特性,也就是说只有鼠标穿过该事件的时候才会触发mouseenter,如果鼠标一直在element内部"游走",则不会触发mouseenter.具体的例子可以参考这个例子点击打开链接. 前提说完了,那么怎么使用mou

Http协议中Get和Post的浅谈

起名困难户,每次写文章最愁的就是不知道该如何起个稍具内涵的名字,如果这篇文章我只是写写Get和Post的区别,我可以起个名字“Get和Post的那点事”,如果打算阐述一下Http协议原理性内容,那该叫“Http中你不知道的那些事”,两者都不是我想要的,前者太过浅薄,后者太过深奥,已超出本人的能力范围,于是我只能写点Http,Get,Post和个稀泥大家就将就着看一下,开头很多废话的毛病我发现我是越来越难改了,进入正题吧~ Http HTTP(Hypertext transfer protocol

适配器模式浅谈

首先,我们来说一下什么是适配器:用电器做例子,笔记本电脑的插头一般都是三相的,即除了阳极.阴极外,还有一个地极.而有些地方的电源插座却只有两极,没有地极.电源插座与笔记本电脑的电源插头不匹配使得笔记本电脑无法使用.这时候一个三相到两相的转换器(适配器)就能解决此问题,而这正像是本模式所做的事情 那么,转换到代码中去我们可以理解为,使原本因接口不匹配而无法在一起工作的两个类能够在一起工作!也可以说是在不改变类原来的结构上添加新的方法! 比如,我有一个person类,这个person类有说,读两个方

对jquery的 attr()和prop()理解

jquery1.6版本后引入了prop()方法,很多时候总是混淆attr()与prop()这俩,下面分析一下这俩的区别 在此之前,先来了解一下html 的attribute和property,因为jquery的attr()和prop()正是来源于这俩东西.先看一段html代码: <span id="testId" class="testClass" selfAttribute="selfValue"></span> 根据

ASP.NET中Session的个人浅谈

看到博客园的一个哥们写的面试经历,想到了面试中常问到的Session,一时手痒就谈下自己对Session的理解,这东西最开始在用户登录登出的时候用到过,后来一直没怎么用过,里面还是有很多知识点值得注意的.先简单的说下吧,Session是分为客户端Session和服务端Session: 客户端Session Session称为会话状态,是Web系统中最常用的状态,用于维护和当前浏览器实例相关的一些信息,当用户首次与Web服务器建立连接的时候,服务器会给当前访问用户分发一个 SessionID作为标

jquery中的 $(function(){ .. }) 函数

2017-04-29 在讲解jquery中的 $(function(){ .. }) 函数之前,我们先简单了解下匿名函数.匿名函数的形式为:(function(){ ... }),又如 function(arg){ ... };定义了 一个参数为 arg 的匿名函数,然后使用 (function(arg){ ... })(param) 来调用这个函数,其中 param 是传入这个匿名函数的参数. 但需要主要匿名函数与jquery中的 $(function(){ ...}) 函数的区别:$(fun

【JQuery】jQuery(document).ready(function($) { });的几种表示方法及load和ready的区别

jQuery中处理加载时机的几种方式 第一种: jQuery(document).ready(function() { alert("你好"); }); //或 $(document).ready(function() { alert("你好"); }); 第二种: jQuery(function() { alert("你好"); }); //或 $(function() { alert("你好"); }); 第三种: (fu

移动互联网的架构设计浅谈一

一,图片体验的优化. 在手机上显示图片,速度是一个非常重要的体验点,试想,如果您打开一个网站,发现里面的图片一直显示失败或者是x,稍微做得好一点的,可能是一个不消失的loading或者是菊花等等,但不管如何, 没能快速的拉取和展示图片对用户体验是一个极大的挑战.那么,手机上的图片体验如何做呢?这里笔者有些小总结: 1,减少图片的大小.在失真度和图片大小中做好折衷,尽量利用工具减少图片的size,也可以考虑利用不同的图片格式. 2,减少图片的请求数.可以考虑把多个图片利用类似css sprite的

Jquery浅识

本周刚刚接触了jquery,确实,以最少的代码做最多的事情,我们只需编写几行代码就能实现令人惊奇的效果.还无需过于担忧浏览器差异,即使在ie这种比较特殊也比较恶心的浏览器下也能很好的兼容,不必担心你的dom操作会不会在ie下不支持的问题. 它不但可以操作dom,也可以实现动画,事件等处理.它还是链式操作方式,即对发生在同一个jQuery对象上的一组动作,可直接连写而无需重复获取对象.这对我们来说又可以省下一大片代码.而且它还是开源的,任何人都可以自由使用. 如:document.getEleme