JQ兼容性问题 - 相关文章

js,jq获取元素位置属性及兼容性写法

网页被卷起来的高度/宽度 document.documentElement.scrolltop //火狐和其他浏览器 document.body.scrolltop //ie,谷歌浏览器和没有声明DTD window.pageYOffset window.pageYOffset // ie9+ 和最新浏览器 $(window).scrollTop() 元素距离文档顶端和左端的偏移量 dom元素.offsetTop //chrome,ie 子盒子到定位的父盒子边框到边框的距离 do…

jq方法中 $(window).load() 与 $(document).ready() 的区别

通过自学进入了前端的行列,只知道在js中,一开头就写一个: window.onload = function(){ //doing sth} 然后所有的乱七八糟的代码全塞里面,大概知道window.onload就是等页面全加载后再执行,具体细节不知. 今天做项目时遇到一个问题,用的是jq,简单的道理是通过动态获取图片的高度(因为是手机端,宽高是自适应的),来调整图片下面main_body的top值(因为图片跟mian_body有需要拼接的地方),代码如下: $(function(){ var i…

自写网站入门阶段之三：兼容大战与jq初探

自上一次作小结至今已整整一个月,在忙乎了半个月的工作之后闲下来的一个下午我终于可以再次作这个阶段的小结了.首先庆幸的是在同学的推荐下我顺利的找到了工作并于月初3号正式上班,这一点非常感谢他,让我免去了钱袋瘪涩的苦恼和到处应聘的奔波.然后回到正题,这一个月的前半月就是在做两件事: 第一件是在家里收集一些简单的jq特效诸如banner淡出淡入.nav条随鼠标移动.block内容随鼠标更换.图片左右轮显等等,然后把它们做在一个页面里以方便调用.当然,这基本全属于抄袭.拿来即用,基本只能修改数字和少量参…

ie6对hover兼容性问题的解决：

ie6对hover兼容性问题的解决: 1,在body里添加以下样式: behavior:url(../scripts/csshover.htc); csshover.htc可直接在网上下载 2,js解决判断是否为ie6 window.onload=function(){ var isIE=!!window.ActiveXobject: var is IE6=isIE&&XMLHttpRequest; if(isIE6){} } 3,jq解决 $(function(){ if($.brow…

jQ处理页面中尺寸过大的图片

这是一个非常实用的功能,在网页里难免会出现一些尺寸过大的图片,会将页面撑开或者图片被部分隐藏,我们通常会用css的max-width来加以控制,但ie6却不吃这套.我在做一个站时,就遇到这种困惑,因为最近也在学习jQuery,就想到用jq来处理这个问题.经过一番思索,觉得这个问题其实并不难,下面就具体来说: 一.思路: 要解决尺寸问题,首先要先获取图片的宽和高,然后定义一个最大宽度,进行判断,如果实际宽度大于设定的最大宽度,那么就让实际宽度等于最大宽度,至于高度就按照高宽比进行比例缩小即可.…

JQ的live(),on(),deletage(),bind()几个的区别

今天在网上看到一篇文章,关于JQ里面事件绑定的区别,说说我自己看后的理解,本人菜鸟一枚,很多东西不懂 ,有理解错误的还望大神们多多指教 bind()方法是绑定事件最直接的方法,这个方法是绑定到document上存在最久的方法,也很好的解决了兼容性方面的问题: bind()方法的优点:1.很好的解决了各个浏览器的兼容性问题: 2.非常方便简单的能进行事件的绑定: 3.对于利用ID选出来的元素是非常好的,不仅仅是很快的可以hook上去(因为一个页面只有一个id),而且当事件发生时,handler可…

动画特效的原生、jQ和CSS3方法

最近一直在看运动的JS特效,主要看的是原生写法,太麻烦了,最终看到写了个运动的方法,后面可以直接引用,然后发现这个方法和jQ其实差不多了,代码分别如下: 基本的HMTL和CSS <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>原生.jQ和CSS3运动模块</title> </head> <…

Ajax 用法, 实现方法,JS原生与JQ实现

AJAX 详解 ajax是实现页面异步加载. 常用于, 前后端数据交互, 实现前端页面无刷新更改操作. 是web前端和后端使用者开发的必备使用技能~~ Ajax操作~ : 俗话原理 : 用俗话来说, 就是把数据传送过去, 然后再从后面获取到数据回来使用 (JS原生使用AJAX) Get请求操作五步走~ 1: 创建ajax对象 2: 设置回调对象 3: 初始化ajax对象 4: 发送ajax对象 5: 判断与执行参数详解: new XMLHttpRequest() : 调用ajax对象 U…

JS/jQ常用宽高及应用

关于js的宽高,随便一搜就是一大堆.这个一大堆对我来说可不是什么好事,看的头都大了.所以今天就总结了一些比较会常用的,并说明一下应用场景. 先来扯一下documentElement和body的微妙关系: documentElement===html ----->> documentElement.childNode[2]===body [很明显,父子关系呗] 如果<! doctype html>中没声明html,则拿不到documentElement这个值,但此时body…

jquery的2.0.3版本源码系列(3):96行-283行，给JQ对象，添加一些方法和属性

jquery是面向对象的程序,面向对象就离不开方法和属性. 方法的简化 jQuery.fn=jQuery.prototype={ jquery: 版本 constructor: 修正指向问题 init(): 初始化和参数管理 selector:存储选择字符串 length:this对象的长度 toArray():转数组 get(): 转原生集合 pushStack():JQ对象的入栈 each():遍历集合 ready():DOM加载的接口 slice():集合的截取 first():集合的第一…

AngularJS进阶(三十五)浏览器兼容性解决之道

浏览器兼容性解决之道前言浏览器兼容性一直是前端开发中不得不面对的一个问题.而最突出的就是IE.对绝大多数公司来说,兼容IE6的性价比已经很低,而IE7则几乎已经绝迹.所以,常见的兼容性下限是IE8.这也正是Angular1.2x的兼容性目标,Angular团队声明:Angular的持续集成服务器会在IE8下运行所有的测试.但这些测试不会运行在IE7及以下版本,它们也不会保证Angular将会工作在这些IE版本上. 而1.3以后的版本,Angular官方不再保证对IE8的兼容.当然,这并不表示…

JQuery（一）---- JQ的选择器，属性，节点，样式，函数等操作详解

JQuery的基本概念 JQuery是一个javascript库,JQuery凭借着简洁的语法和跨平台的兼容性,极大的简化了js操作DOM.处理事件.执行动画等操作.JQuery强调的理念是:'write less, do more'(写的少,做的多). 1.JQuery的版本版本兼容范围 1.x版本能够兼容IE678浏览器 2.x版本不兼容IE678浏览器 3.x版本不兼容IE678浏览器,更加的简洁名称大小说明 jquery.js(开发版) 约229KB 完整无压缩版本,主要…

CSS3 animation 与JQ animate()的区别

CSS3 与 JQ 根本区别 css3 animation与jQuery animate()区别在于实现机制不同 C3和JQ 完成动画的优缺点 1.css3中的过渡和animation动画都是基于css实现机制的,属于css范畴之内,并没有涉及到任何语言操作.效率略高与jQuery中的animate()函数,但兼容性很差. 2.jQuery中的animate()函数可以简单的理解为css样式的"逐帧动画",是css样式不同状态的快速切换的结果.效率略低于css3动画执行效率,但是兼容性…

jq冲刺

1.入口函数$(document).ready(function(){ })简便写法:$(()=>{ }) js的入口函数window.onload()区别js的入口函数要比jq的要晚很多,window.onload事件必须等待网页全部加载完毕(包括图片等),然后再执行JS代码jq仅等待页面加载,只需要等待网页中的DOM结构加载完毕,就能执行JS代码 2.$('选择器')获取对象,返回伪数组,支持隐式遍历.text([string])方法获取或设置对象内仅文本内容.html([string])方…

记录Js 文本框验证与 IE兼容性

最近的日常就是将测试小姐姐提交的bug进行修改,想来这种事情还是比较好开展的,毕竟此项目已上线一年多,现在只是一些前端的问题需要改正.实际上手的时候并不是这样,原项目是在谷歌上运行,后来由于要新增一个仅支持32位IE8流媒体播放器,便成了在IE上跑,大部分都有平稳退化,不会影响正常使用,但是对于那些不兼容的方法就比较尴尬了,IE8的下的F12 感觉是无效的,单击选择元素10下,有8下没有效果,每次只能先用谷歌定位到元素,然后在IE下依次展开点选,每每切换,着实费时费事. 现记录下常用的场景 ①…

JQ初学总结一

Jquery是最火的JavaScript库,大部分web开发都会用到就jquery,而作为初学者看了一些jq的用法总结自己的学习以增强自己的认知. 普通的javascript的缺点是:每种控件的操作方式可能不统一,不同浏览器下也会有区别.用javasript编写跨浏览器的程序非常麻烦.而是用jquery可以很好的做到兼容大多数浏览器:ie.firefox.谷歌. 但别认为jq是一种新的语法,因为JQuery就是JavaScript语法写的一些函数类,内部仍然是调用JavaScript实现的,所以…

IE兼容性小结（IE7及以上版本）

缘由在急速的互联网时代,原本ie系列的低版本浏览器就该淘汰了.可偏偏还是有很多xp系统ie7.8浏览器,这有让网站甚是苦逼.练就了一套新技术,原本以为能大展身手,可却在ie阵容中认怂了,不得不规规矩矩的写着老得掉牙的代码,用着早已尘封的技术. (注:因为用户原因可能使用ie7,而非蛋疼要网站支持ie低版本) 既然无法说服不使用ie系列,那就乖乖让网站支持ie7.8系列吧!坑爹的工作就这样开始了,虽然觉得“蛋疼”.“操蛋”.“坑爹”...... 但还是硬着头皮上,今天就来总结下这个过程中遇到的问…

整理版jq 复习贴子

1绝对定位(abs)与相对定位(relative) 区别是相对定位参照自己的位置进行移动(当然需要设置top left这些生效)并且原来的位置保留着偏移后会把其它的层遮罩住绝对定位就是的参照位置就不像相对那样是自己了至于是哪个就看它的上级或上上级有没有定位了也就是有没有position:relative 或position:fixed 等吧当要绝对定位的层设好要参照位置的层后就可以用top left这些来定位置了如果它的上级或上上级都没定位的话就会根据body的位置来定位了…

js、jq对象互转

1.js对象转jq对象: $() $('#kw') $(document.getElementById("kw")) 2.jq对象转js对象: $(this).get(0) .$(this)[0] $('#kw').get(0) $('#kw').[0] 3.封装自己的‘jq’ 思路: 依据现有api(当然那要考虑各种兼容性). 定义输入与输出(包括对各种选择器的处理以及返回的呈现方式). 功能实现(说白了就是获取可能的集合然后筛选出指定的输出). 可扩展性(比如是否支持链式调用…

JQ深度手记、源码分析

1.$.extend() 对象继承操作.浅拷贝操作.深拷贝操作(第一个参数:true) var a = { name:'lisan' }; var b = {}; $.extend(b, a); //b浅拷贝a的行为.属性 ,拷贝是另外创建一个空间,这个空间存放拷贝到的行为.属性 b.name = 'lili'; console.log(a.name); //'lisan' 不会被影响 a = { name:{age: 30} }; var b = {}; $.extend(true, b, a…

JQ中$(window).load和$(document).ready区别与执行顺序

JQ中的$(document).ready()大家应该用的非常多,等同于$(function(){}),基本每个JS脚本中都有这个函数的出现有时甚至会出现多个,那么另一个加载函数$(window).load相对出现的次数就很少了,下面为大家介绍一下两者的区别与他们的执行顺序. JQ中的$(document).ready()大家应该用的非常多,基本每个JS脚本中都有这个函数的出现有时甚至会出现多个,那么另一个加载函数$(window).load相对出现的次数就很少了,下面为大家介绍一下两者的区别与…

JQ笔记-加强版

Query初级一.介绍.基本写法什么是JQ: 一个优秀的JS库,大型开发必备 JQ的好处: 简化JS的复杂操作不再需要关心兼容性提供大量实用方法如何学习JQ: www.jquery.com JQ只是辅助工具,要正确面对需要分阶段学习 JQ设计思想: 选择网页元素模拟CSS选择元素独有表达式选择多种筛选方法 JQ写法 : 方法函数化 $(function(){ //var oDiv = $('#div1'); $('#div1').click(function(){…

实现手机端上下左右滑屏的jq原生代码和使用库·两种办法

先来一个原生的.我使用的是jq. 需要注意的地方就是被触发的元素最好不要是body,这个代码也可以修改,如果obj传进来的是body那么,$(this)必须是你的监听元素,不然会冒泡泡,整个项目就……. 原理很简单哦,绑定具体事件分别是: 1.事件一:touchstart:触摸开始:[touch:触摸:start:开始] originalEvent[original:最初的:Event:事件] changedTouches[改变触摸] 我们理解为,一开始触摸时候的坐标,我们获取到了.2.事件二:…

整理前端css/js/jq常见问题及解决方法（3）

jq: 1.prepend(参数);//将参数内容前置再某元素内部; eg: <div id="div1">奇妙能力歌</div> $("#div1").prepend("<a href='#'>陈粒</a>"); //得出结果:<div id="div1"><a href='#'>陈粒</a>奇妙能力歌</div> 2. oute…

整理前端css/js/jq常见问题及解决方法（2）

移动端手机 1.点击图片或按钮,选中状态影响到其他范围解决:html{-webkit-user-select:none}<meta name="msapplication-tap-highlight" content="no" /> 2.禁止长按 a,img 标签长按出现菜单栏a, img { -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/} 3.去掉 a,input 在移动端浏览器中的默认样式(半透明灰色…

[转]JQ中$(window).load和$(document).ready区别与执行顺序

一.$(window).load().window.onload=function(){}和$(document).ready()方法的区别 1.$(window).load() 和window.onload=function(){} 是页面中的所有元素(包括图片.flash)等都加载完毕后,才能执行: $(document).ready() 是页面中的DOM元素加载完成后便可执行. 2.$(window).load()和window.onload=function(){} 不同的是,前者可以和…

-webkit-line-clamp 兼容性问题

1.一般情况下,想要实现文本超过几行后显示省略号的css. color: #101010; font-size: 14px; text-align: justify; font-family: SourceHanSansSC-regular overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 2.但是有兼容性问题,…

JS与JQ绑定事件的几种方式.

JS与JQ绑定事件的几种方式 JS绑定事件的三种方式直接在DOM中进行绑定 <button onclick="alert('success')" type="button" id="btn">测试按钮</button> DOM中绑定函数名 <button onclick="testFun" type="button" id="btn">测试按钮<…

陆、jq基础语法

一.概述:更加方便的处理html文档.events事件.动画效果和ajax交互等. 1.jq主要功能: (1)访问页面框架的局部. (2)修改页面表现 (3)更改页面的内容 (4)响应事件 (5)为页面添加动画 (6)与服务器异步交互 (7)简化常用的js操作 2.jq的优势: a.jQuery实现脚本与页面的分离在HTML代码中,我们还经常看到类似这样的代码: <form id="myform" onsubmit=return validate();"> 即…

【JQ兼容性问题】的更多相关文章