我的第一段jQuery代码

说起 jQuery,很多人可能觉得,不算什么,就是个js类库。而,对于我,下面这几行代码,是一个新的开始。

多年来,我一直在使用MooTools ,他面向对象,写起来结构清晰分明,都是在原生js的基础上做扩展。而,JQ是一个自成体系的库,经过一个星期的系统学习,也发现了诸多优点。

下面这段代码是用来 在手机版上去除内容部分的图片的宽度的,确保图片不超出内容部分而导致页面错乱。

 1 (function($){
 2     var w=$("#content").width();
 3     $("#content").find("img").each(function(index,item){
 4         if(item.tagName.toLowerCase() == ‘img‘){
 5         if($(item).width()>w){
 6             $(item).width(w);
 7             $(item).removeAttr(‘height‘);
 8         }
 9     }
10     });
11 }(jQuery));

经过一个礼拜的学习,还是觉得自己可以学会的。

我学习jq完全是因为他主流,其实我一点也不喜欢,我还是喜欢MooTools。

做这段代码的时候,有个关键点折腾了半天  是 jQuery 而不是 JQuery

黑龙安防公司简介

时间: 2024-12-24 20:54:01

我的第一段jQuery代码的相关文章

一段jquery代码,保存

1 @CHARSET "UTF-8"; 2 #table_id tbody tr.odd td:hover{ 3 background-color:#93CFE5; 4 } 5 6 #table_id tbody .even td:hover{ 7 background-color:#93CFE5; 8 } 9 10 11 12 ---------------------------------------- 13 意思就是鼠标指针变成 手 的形状,和放到链接上面的鼠标指针一样. 14

一段jquery代码搞定多个tab效果

现在的页面上几乎都要tab切换甚至不止一个,早有想法尝试用一段代码控制所有tab的方法,自己尝试了一下.里面有几个要点抓住就好了. <style>            .wrap{                width:100%;                height:800px;                position: relative;            }            .wrap2{                width:100%;        

第一段nodejs代码

步骤一.创建服务器 接下来我们使用 http.createServer() 方法创建服务器,并使用 listen 方法绑定 8888 端口. 函数通过 request, response 参数来接收和响应数据. 实例如下,在你项目的根目录下创建一个叫 server.js 的文件,并写入以下代码: var http = require('http'); http.createServer(function (request, response) { // 发送 HTTP 头部 // HTTP 状态

用php编写我的第一段代码:hello world

一.php环境的搭建 在编写php前,先搭建php环境,我选择了一站式安装软件WampServer,WampServer的下载地址:http://www.wampserver.com/ WampServer的最新版本2.5内置: Apache 2.4.9 PHP 5.5.12 MySQL 5.6.17 安装也非常简单,一路下一步,搞定!安装成功以后,访问http://localhost/会显示如下内容: 二.php开发框架选择 php的第三方开发框架有很多,我通过对比,选择了一款简单容易操作的框

50个必备的实用jQuery代码段

本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中! 1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312): $.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form

【摘】50个jQuery代码段帮助你成为一个更好的JavaScript开发者

今 天的帖子会给你们展示50个jQuery代码片段,这些代码能够给你的JavaScript项目提供帮助.其中的一些代码段是从jQuery1.4.2才 开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任 何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西. 1.     如何创建嵌套的过滤器: //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器

十五个常用的jquery代码段

十五个常用的jquery代码段 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: 1 // Back to top 2 $('a.top').click(function (e) { 3 e.preventDefault(); 4 $(document.body).animate({scrollTop: 0}, 800); 5 }); 1 <!-- Create an anchor tag --> 2 <

实用jQuery代码段

本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.   1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312): $.ajaxSetup({          ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB

50个必备的实用jQuery代码段+ 可以直接拿来用的15个jQuery代码片段

50个必备的实用jQuery代码段+ 可以直接拿来用的15个jQuery代码片段 本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中! 1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312): $.ajaxSetup({ ajaxSetti