下文给各位介绍js和jquery获取图片真实的宽度和高度的例子，希望对大家有帮助。
1、什么时候需要获取图片真实的宽度和高度
在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。然后判断过后给予不同的展示方式！
另外一种就是在手机页面上，在新闻页插入的图片往往都是按照图片的原尺寸来展示，如果手机屏幕太小，太大的图就会超出去！这时候有两种解决办法
1）给所有的图片加...
js和jquery获取图片真实的宽度和高度
jquery动态生成元素鼠标响应方法live()函数
在jquery中live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数了，下文就来介绍在我们动态创建事件元素时再绑定live()方法，下文就一起来看看吧。
最简单的方法,当点击按钮时,隐藏或显示 p 元素,代码如下:
$("button").live("click",function(){
$("p").slideToggle();
});
jQuery在动态生成HTML元素后,如果该元素...
jQuery固定浮动侧边栏(jQuery fixed Sidebar)
这个功能现在应用的非常普遍，如果页面比较高，当滚动条拖到页面的下面的时候，侧边栏会出现一个固定跟随浏览器的DIV框，现思路是这样的：首先获取需要跟随的DIV距离页面顶部的距离，然后判断，当浏览器滚动的距离大于该DIV本身距离顶部距离的时候，则添加CSS属性fixed即可。
这个功能现在应用的非常普遍，如果页面比较高，当滚动条拖到页面的下面的时候，侧边栏会出现一个固定跟随浏览器的DIV框，现思路是...
jquery操作select的各种方法
本文章主要是介绍jquery操作select的一些通用的例子，我们下面来为各位总结了一些jquery操作下拉框的一些例子，希望对各位有帮助。
在工作中，有时候会遇到给select组件添加一些事件，前两天发表了一篇文章，《用jquery给select加选中事件》大致阐述了简单的jq操作select的方法，但是为了详细的介绍一下select，争取让大家把它吃透，也为了和脑残的IE作斗争，于是有了这篇文章的诞生。
一、使用jquery获取s...
解决jQuery库使用$ 与 其他JS库试用$ 重复冲突问题
$符号是很多插件中会使用到的一个快速获取对象的一个方法了，有时我们一个页面会使用到几个库，那么就会碰到与jquery $符号冲突了，下面我们就冲突问题来看看解决办法。
有时候需要同时使用jQuery和其它javascript，但是可能由于jquery和其他js都使用了$作为简写，会造成js重复冲突的情况，导致js报错，页面的js无法正常运行，要让jQuery和其它javascript库共存，有以下三种方法（均来自于官方网站）：
1....
利用jquery给select加选中事件示例
给select增加样式我们只需要addClass与removeClass 给指定css增加样式就可以了，具体来看例子。
select在前端开发过程中很常用，现在我们要实现一个效果，那就是选中select中的某一项，执行事件，本来自己没怎么接触过这些，最后网上找了一些资料，自己研究了一下，把方法分享给大家，大家如果有需要的可以直接拿过去用，当然这个方法在脑残的IE里也是支持的。
我就演示一个简单的效果吧
利用jquery给selec...
复制对象，扩展对象，实现jquery中的extend()方法
下面来看一篇复制对象，扩展对象，实现jquery中的extend()方法例子，希望这篇文章能帮助到大家。
jq的extend()方法能很方便的实现扩展对象方法，语法如下：$.extend(obj1,boj2,obj3);
现在要实现的是：原生js实现复制对象，扩展对象，类似jq中的extend()方法，具体实例如下：
现有3个对象字面量,代码如下:
var o1={hello:1,old:555},
o2 = {
abc: 55555555...
jquery读取jsonp数据示例
读取jsonp数据的方法有蛮多的，下面来为大家介绍一个利用jquery来读取jsonp数据，希望文章对大家有帮助。
jquery读取jsonp数据，下面以PHP作为jsonp的返回服务端页面，用jquery的$.getJSON获取jsonp数据
示例PHP代码：
$callback = $_GET["callback"];
$a = array(
'name'=>'...
JavaScript中文本框焦点时边框变色
文本框焦点时边框变色其实是最简单了我们可以实现onfous时给它设置border色就可以当离开时就取消边框色就可以了,下面看一些例子.
JavaScript中文本框焦点时边框变色.
例子代码如下:
function appendit()
{
var nodes = document.getElementsByTagName("...
JQUERY实现点击INPUT使光标移动到最后或指定位置
下面本文章给大家简单介绍一下JQUERY实现点击INPUT使光标移动到最后或指定位置例子，希望对各位有帮助,你要知道面对一个 处女座的 需求者， focus()是远远不够的,比如说“我点进去的时候光标要在最后，这样我就不用再把光标移动到最后去添加东西了。”,oh，让我先撞下墙。
我们需要扩展jQuery,代码如下:
//光标放在最后 $("#文本框ID").textFocus();光标放在第二个字符后面 $("#文本框ID").text...
jquery设置input disabled属性的示例
disabled属性是input框的一个系统属性了，我们可以利用disabled属性来控制input是否无效，下面一起来看看吧。
如何将设置disabled属性为true，即为不可用状态，分别用js、jquery与html实现。
例子,代码如下:
//JS
document.getElementByIdx("btn").disabled=true;
//jquery
$("#btn").attr("disabled", true);
//html
<input ...
jquery读取并显示xml内容的例子
jquery读取并显示xml是我们在做一个百度地址是用到了，虽然下面例子不是百度地图的例子，但多少有一些关系了，下面一起来看看我整理了两个例子。
HTML部分代码如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery读取...
jQuery SWFUpload与COS实现图片批量上传
下文给我们介绍了一下基于jQuery SWFUpload配合COS来实现图片批量上传插件了，下面一起来看看，希望例子能帮助到各位同学哦。
此文是jQuery + SWFUpload + COS的上传插件源代码，使用了jquery1.4、SWFUpload2.2和COS来制作jquery上传插件。
1、引入必须的js文件和css文件,代码如下:
<!--引入jquery插件，其它版本也可以-->
<script type="text/javascript" src="jquery-...
jQuery判断iframe中元素是否存在的方法
jQuery判断iframe中元素是否存在的方法比较简单只要判断框架window.frames["iframepage"]指定值是不是存在就可以了,下面整理了一些例子大家可进入参考.
例子,代码如下:
if($(window.frames["iframepage"].document).find('.l-grid-row-cell').length > 0){
alert(1);
}else{
alert(2);
}
以上代码,判断id为iframep...
jQuery中添加/改变/移除改变CSS样式例子
在jquery中对于div样式操作我们会使用到CSS() removeClass() addClass()方法来操作了,下面我们就整理了几个例子大家一起来看看吧。
CSS()方法改变CSS样式
css()方法在使用上具有多样性。其中有一种可接受两个输入参数：样式属性和样式值，两者之间用逗号分隔。比如要改变链接颜色，可以这样编写代码：
$("#61dh a").css('color','#123456');
//选择器‘$("#61dh a")’表示ID为‘#61d...
js/jquery实现回车键切换输入框焦点代码
用JavaScript实现回车键切换输入框焦点的功能,不是回车换行哦,在Textarea中,回车换行是默认功能,不过若要在textarea中使用回车切换输入框焦点功能的话,回车换行就要失效了,不过input对象可以用,一般在表单中,input元素是比较多的,下面来个例子,代码如下:
<script type="text/javascript">
function handleEnter (field, event) {
var keyC...
jquery强制弹出新窗口window.open
目前情况下我们使用window.open自动弹出窗口都会给浏览器拦截掉了,但我们会发现有些网站还是可以弹出窗口了,这种是如何实现的呢？下面一起来看一下基于jquery的做法。
在很多网站中,会有弹出窗口,通常采用window.open的方式,但是这个方式一般被浏览器给禁止了。
说明这也是好事,现在的浏览器:360 猎豹,搜狗,等等都标明自己的安全性、智能性、屏蔽各种广告,给了用户很好的体验,但是可苦了我们这些站长们啊.
...
jQuery响应式内容图片滑动插件jquery.bxslider.js
jquery.bxslider.js是基于jquery的一个响应式图片滑动插件了，我们可以使用它来做一个焦点图功能，下面整了一个简单例子，大家一起来参考。
安装插件,代码如下:
<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlid...
jQuery中匿名函数两种写法的区别
使用jquery的朋友可能会知道在jquery中匿名函数操作有两种定义方法，下面我不来给各位介绍一下匿名函数的用法与区别吧。
例子,jQuery中两种写法的区别,代码如下:
/*
确保能够正确的引用到jQuery，因为在匿名函数外部可能重新定义了$,
将jQuery作为参数传递给匿名函数可以保证函数中使用的$为jQuery。
*/
(functio...
jQuery中after() before()和remove()元素替换
对于元素替换人我们多半不会使用到after() before()和remove()这种个函数，但今天看到有一种寅出来了我们就分享一下吧。
after() 函数
after() 方法在被选元素后插入指定的内容。
before()函数
before() 方法在被选元素前插入指定的内容。
remove()函数
remove() 方法移除被选元素，包括所有文本和子节点
该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。
但除了这个元...