js或jquery如何判断用户点击了的元素滚动条_jquery吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：26,460贴子：
js或jquery如何判断用户点击了的元素滚动条收藏
我给body或 document绑定一个click事件，但是点击div默认的滚动条区域时没有任何反应，怎么检查用户点击了div默认滚动条啊？
三叔正版授权网游公测！
上代码看看
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或当然，该方法不局限于jQuery的检测，对与任何Javascript变量或函数都是通用的。
当前网页加载jQuery后，jQuery()或$()函数将会被定义，所以检测jQuery是否已经加载存在以下2种方法：
if (jQuery) {
// jQuery 已加载
// jQuery 未加载
if (typeof jQuery == 'undefined') {
// jQuery 未加载
// jQuery 已加载
以上我们通过检测jQuery函数是否已定义，这是一个比较安全可靠的方法，因为当你加载jQuery.js后，可能会再加载prototype.js或mootools.js等，其中可能会重定义$()函数, 检测$()函数是否存在将会不准确。
1：判断radio
var selected = $('input[name=selectid:checked]').val();//若未被选中 则val() = null if(selected == null){ alert(&未选中！&); }else{ alert(&选中！&); }
2：判断checkbox
&input id=&btnPost& type=&button& value=&button& /& &img src=&../jqueryui/themes/base/images/ui-icons_cd0a0a_256x240.png& alt=&&quo
一、判断文本是否为空
var jqObj = $(this); if(jqObj.text().trim()){ //trim()方法是去空格，$.trim()函数删除提供字符串的所有换行符,空格（包括非中断空格），开始和结束tab。如果这些空白字符在字符串中间发生时，它们将被保留。 jqObj.hide(); }
二、判断这个标签下是否有某个已知的元素，比如判断ul标签
做web开发的时候，有时候需要根据键盘进行一些操作，例如按下Enter的时候提交表单，禁止用户输入某些特殊字符，设置快捷键等等。这时候需要找出用户按下的是那些按键，写个小程序来测试按键。
$(document).ready(function(){ var $down = $(&#down&); var $press = $(&#press&qu
用document.onreadystatechange的方法来监听状态改变， 然后用document.readyState == “complete”判断是否加载完成
代码如下：
document.onreadystatechange = subS//当页面加载状态改变的时候执行这个方法. function subSomething() { if(doc
网页中有时候需要获得图片的宽度和高度，来定义某些大小，可是这个是需要从服务端请求图片，下载到本地才能够得到的，有些js或者jquery代码在还没有加载完图片时就执行了。怎么办呢？
jquery提供一个方法：
01.$(&&).load(function(){...});
其中选择器是图片的id或class，function里面的方法就是回调函数，在图
刚刚开始接触JQuery的时候，下载来的文件包括jquery.vsdoc.js, jquery.min.js和jquery.js 对于各个文件的作用以及该引入哪个包不是很清楚。有时候引入jquery.min.js能够执行，有时候引入jquery.js也能执行。现在做一下简单的说明。
两个文件的作用是完全一样的,但从文件或上来看我们知道jquery.min.js应该是迷你版的意思，也就是文件会很小
本主题提供一个以 HTML/JavaScript 编写的脚本，管理员可以使用该脚本来确定系统上是否存在 .NET Framework 3.5。
&HTML& &HEAD& &TITLE&Test for the .NET Framework 3.5&/TITLE& &META HTTP-EQUIV=&Conten
checkbox：
$(&#chk1&).attr(&checked&,'');//不打勾
$(&#chk2&).attr(&checked&,true);//打勾
if($(&#chk1&).attr('checked')==undefined) //判断是否已经打勾
&script& function del(){ if(confirm(&确认删除吗&)){ alert(&yes&); } else{ alert(&no&) } } &/script& &html& &input type=&button&
一、判断对象对象是否存在 如果是下面的 jQuery 代码判断一个对象是否存在，是不能用的
if($(&#id&)){ }else{}
因为 $(“#id”) 不管对象是否存在都会返回 object 。
正确使用判断对象是否存在应该用：
if($(&#id&).length&0){}else{}
使用 jQuery 对象的属性 length
class2type = {}; toString = Object.prototype.toS type: function( obj ) { return obj == null ? String( obj ) : class2type[ toString.call(obj) ] || &object&; },
isFunction: func
虽然会有这样的错误，但是如果再仔细测试一下，会发现input标type属性设为button时，还是具有checked属性的，而且默认为false 代码如下所示：
&script type=&text/javascript& src=&http://www.jb51.net/jslib/jquery/jquery.js&&&l
　　imagesLoaded 是一个用于来检测网页中的图片是否载入完成的 JavaScript 工具库。支持回调的获取图片加载的进度，还可以绑定自定义事件。可以结合 jQuery、RequireJS 使用。
使用示例：
// element imagesLoaded( document.quer
jquery检测input checked 控件是否被选中
function tongyianniu(){ var gouxuan=$('input[type=checkbox]').is(':checked'); alert(gouxuan); }
&input type=&button& id=
js怎么判断flash是否加载完毕了呢？ 我们怎么在flash加载完毕之时，回调一个我们设定的js函数？ 这个问题，一直困扰了我很久，直到今天，请教了一个非常牛B的人物之后，突然来了感觉！ 呵呵，也许，这个问题在你们看来不是问题，不过对于我来说，确实是个问题，因为我一直不知道该怎么判断swf文件是否加载完毕了？ 从前都是只知道img.onload等等。 好了，言归正传，我们到底该怎样判断一个fla
Code: var ie = !+&\v1&; 仅仅需要7bytes！参见这篇文章，《 32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE》，讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes!的故事 但这纪录今年1月8日被一个俄国人打破了，现在只要6 bytes!它利用了IE与标
非背景图片可以用img的onerror 来判断,但是背景图片呢,刚无意中发现一个方法,目测可行,但不确定是否始终可行。
var img=new Image(); img.src=&图片地址&; if(img.width==0){//表示图片加载失败了} else{//成功了}
这方法一般情况下可行,但是为测试过图片很大或者加载速度很慢的时候是否可行。
window.onbeforeunload = function() { if(is_form_changed()) { return &您的修改内容还没有保存，您确定离开吗？&; } } function is_form_changed() { var t_save = jQuery(&#t_save&); //检测页面是否要保存按钮 if
/* 浏览器判断 */ var userAgent = navigator.userAgent.toLowerCase(); var is_webtv = userAgent.indexOf('webtv') != -1; var is_kon = userAgent.indexOf('konqueror') != -1; var is_mac = userAgent.indexO
最近在写项目的framework，写个JQueryMessageBox的类，以使用jquery ui中的dialog()来显示消息框，为了使方法方便调用，便加入了自动判断页面是否加入了ui.js和ui.css,代码如下：
//如果没有包含ui.js,则引用 if ($('script[src$=&&jquery-ui-1.8.11.custom.min.js&&q
主要对 已经激活input框的 大写锁定进行实时检测。
&div& &input class=&text& name=&passwd& id=&loginPasswd& type=&password& style=&*display:& /& &div
var ie = !+&\v1&;
仅仅需要7bytes！参见这篇文章，《 32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE》，讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes!的故事
但这纪录今年1月8日被一个俄国人打破了，现在只要6 bytes!它利用了IE与标准浏览器
本文实例讲述了jQuery判断元素上是否绑定了指定事件的方法。分享给大家供大家参考。具体如下： 例如下面的代码可以判断id=testdiv的元素是否绑定的click事件，这个判断只针对jQuery绑定的事件有效，普通JS的事件绑定无效。
//jQuery event封装支持判断元素上是否绑定了事件，此方法只适用于jQuery绑定的事件 var $events = $(&#testdi
//判断iframe是否加载完成，RMid为iframe的ID document.getElementById(&RMid&).onload = function () { alert(&加载完成&); }
//在父框架操作iframe页面里的AddReceipt2方法 window.frames[&RMid&].Add
早期我给出的判定是基于UA，在UA中它有一个独一无二的Chrome字符串。
var isChrome = window.navigator.userAgent.indexOf(&Chrome&) !== -1
今天发现chrome还是有一些独一无二的东西，基于它们，我们就可以搞出基于特征的判定了。
var isChrome = wi
//判断文件是否正在被使用
function FileINUse(filename:String):var usein:begin result:= assignfile(usein,FileName); try reset(Usein); exc
先定义进度条显示层：
&div&&span class=&intro&&下载进度：&/span& &div class=&barborder&& &div class=&bar& id=&loadpercent&&&/div&
创建一个Image对象，实现图片的预下载，如果图片已经存在于浏览器缓存，直接调用回调函数，使用onload事件可以判断图片是否加载完成
function loadImage(url, callback) { var img = new Image(); //创建一个Image对象，实现图片的预下载 img.src = plete) { // 如果图片已经存在于浏览
做web的同学们经常会碰到客户上传图片将网页内容区撑破了的情况，下面就这个问题我们一种如何使用js处理这个问题的方法，具体思路就是在js判断客户端的图片下载完毕之后适时的对该图片的宽度或者高度做一些处理，js处理图片主要是利用js中Image对象，通过 onload 事件和 onreadystatechange 来进行判断。
（1）第一中方法，通过onload事件，比如：
最简单粗暴的方式就是加载网络资源，JS文件或者图片文件。
&script src=&///ajax/libs/jquery/1.10.2/jquery.min.js&&&/script&
typeof window.jQuery === &undefined& // re
正则表达式方法
function checkRate(input) { var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ if (!re.test(input.rate.value)) { alert(&请输入数字(例:0.02)&); input.rate.focus
var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.atta
拐个弯想，如果开始可以获得iframe内部页面信息，那么不能获得的时候，不就说明表单已经提交了么~ 我们发现百度的竞价右下角信息，也是采用的这种方法判断的，大家可以参考下。 示例：
test.html:
&html& &head&&meta http-equiv=&Content-Type& content=&te
这个月都还没。必须要凑数。 网站登录为了更好的用户体验都会在输入密码的时候检测是否开启大写。提醒用户。 在下面的 input框里测试下吧！这段代码来之 &点我&。 不过我做了一点小改进。 主要对 已经激活input框的 大写锁定进行实时检测。
&div& &input class=&text& name=&passw
一个简单的动态加载js和css的jquery代码，用于在生成页面时通过js函数加载一些共通的js和css文件。
//how to use the function below: //$.include('file/ajaxa.js');$.include('file/ajaxa.css'); //or $.includePath = 'file/';$.include(['ajaxa.js',
!-- 这里为你提供了三种动态加载js的jquery实例代码哦，由于jquery是为用户提供方便的，所以利用jquery动态加载文件只要一句话$.getscript(&test.js&);就ok了。 &!doctype html public &-//w3c//dtd xhtml 1.0 transitional//en& &
if(this.isIE) { js.onreadystatechange=function(){if(js.readyState==&loaded& || js.readyState==&complete&) callback();} }else{js.onload=function(){callback();}} js.onerror=f
我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持。曲线救国 ―― IE6、IE7 我们可以使用 js.onreadystatechange 来跟踪每个状态变化的情况（一般为 loading 、loaded、interactive、co
jquery判断子元素是否存在
一、判断子元素是否存在 //一级子元素 if($(&#specialId&img&).length==0) if ($( &#specialId:has(img)& ).length==0)&nbspjs和jquery获取父级元素、子级元素、兄弟元素的方法-前端开发博客
推荐文章 02-15 10-15 05-17 06-18 09-30 12-01热门文章
1,833Views
1,605Views
1,561Views
1,499Views
1,086Views
1,068Viewshtml，css jq，js关于多行，单行文字内容溢出用点点点(...)省略号表示 - lovelyclove - 博客园
1.常规css方法&&可以实现IE，Safari，chrome，opera浏览器下文字溢出省略号表示
这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。
.zxx_text_overflow_1{width:27 white-space: text-overflow: -o-text-overflow: overflow:}
2.使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示
这段代码调用了跨文件夹路径的ellipsis.xml文件，看Firefox浏览器下是够文字溢出省略号表示。
ps: 在Firefox下上面div内容显示空白，此div内容是：&这段代码添加了跨文件夹路径的ellipsis.xml文件，看Firefox浏览器下是够文字溢出省略号表示&。
.zxx_text_overflow_2{width:27 white-space: text-overflow: -o-text-overflow: -moz-binding:url('../xml/ellipsis.xml#ellipsis'); overflow:}
这段代码调用了同文件夹路径的ellipsis.xml文件，看Firefox浏览器下是够文字溢出省略号表示。
ps: 在Firefox下上面div文字溢出省略号显示，此div内容是&这段代码调用了同文件夹路径的ellipsis.xml文件，看Firefox浏览器下是够文字溢出省略号表示&。至此，几乎所有主流浏览器都实现文字溢出省略号表示。
.zxx_text_overflow_3{width:27 white-space: text-overflow: -o-text-overflow: -moz-binding:url('ellipsis.xml#ellipsis'); overflow:}
这里有个小结论：这个使Firefox浏览器下文字溢出省略号表示的ellipsis.xml文件要在页面的同一目录下，或是下一级目录下（我已测试），要是向上跨文件夹访问或绝对路径访问则失效。原因不详！
3.使用:after伪类和content实现文字溢出后省略号表示（严重不推荐！直接跳过）
愤慨：我实在忍不住了，我要臭骂一通。我很久之前就自己试过content实现后面的省略号表示，发现问题很多，遂想了其他方法。
今天我本想找以前一位兄弟使用图片实现类似效果的方法，发现网上突然出现了标题&为兼容IE,FF文字溢出省略号显示的文章&，其实就一篇，很多我很鄙视的教程网站都有（正好打上了热门关键字啊）。
我原本试试介绍这个方法的，但是我实在做不下去了！这个方法根本不行，一点都不行！要是N年前，只有IE6和 Firefox浏览器的时候，这个方法或许可以试试。现在根本不行，在现在看来，写文章的人就是个大草包，要么是个史前时代过来的程序员，文章里面错误一 大堆，用胡说八道形容一点都不为过，很多东西根本没有经过验证就那儿大放厥词。1、说是兼容，其实反而大大破坏了兼容性，IE6和IE7下的表现就不一 样，一句IE&不支持max-width&就让我想给作者扇个耳光，IE7不支持吗，别告诉我你写这文章时还没有IE7浏览器。2、本来chrome浏览 器，Safari还有opera可以实现文字溢出省略号显示的，现在受限与:after和content，就会一处理不当，文字直接被截，就很丑了。3、 多套用了一层标签，css也多了好几行，没有必要，资源消耗高。4、当文字很短时后面也还跟着个省略号，没有溢出为什么还要显示省略号呢？
总之，结论就是这个方法一点点实用价值都没有。所以严重不推荐！
4.我自己想出来的方法：margin负值定位法&&兼容所有主流浏览器
这是一个比较短的文字。
这是一段比较长的文字，用来测试是否文字溢出时会用省略号显示。
HTML部分： &div class="zxx_text_overflow_4"& &div class="text_con"&这是一段比较长的文字，用来测试是否文字溢出时会用省略号显示。&/div& &div class="text_dotted"&&&/div& &/div&
CSS部分： .zxx_text_overflow_4{width:24 height:1.3 overflow: zoom:1;} .zxx_text_overflow_4 .text_con{float: height:1.3 margin-right:3 overflow:} .zxx_text_overflow_4 .text_dotted{width:3 height:1.31 float: margin-top:-1.3}
简要说明：此方法兼容IE6，IE7（IE8未测 过），Firefox，chrome，Safari，opera浏览器。没有hack，没有生僻的css样式。文字短时，没有省略号，文字溢出时就出现省 略号。可以说是相当不错的一个方法。原理也很简单：当文字内容足够长时就把隐藏在上面的省略号层给挤下来了。关键就是点点点所在div层的高度的绝对值要 比其margin的绝对值大那么一点点。
5.jQuery限制字符字数的方法
我的文字个数较少，不要杀我！
你个杀千刀的，怎么写了这么多的文字，我要被拦腰...
HTML部分： &div class="zxx_text_overflow_5"&你个杀千刀的，怎么写了这么多的文字，我要被拦腰截断了啊，天啊！&/div&
没有css啦，只有js代码： $(document).ready(function(){ //限制字符个数 $(".zxx_text_overflow_5").each(function(){ var maxwidth=23; if($(this).text().length&maxwidth){ $(this).text($(this).text().substring(0,maxwidth)); $(this).html($(this).html()+'...'); } }); });
6.jQuery自动判断宽度是否超出的方法
我的文字个数较少，不要杀我！
你个杀千刀的，怎么写了这么多的文字，我要被拦腰截断...
HTML部分： &div class="zxx_text_overflow_6"&你个杀千刀的，怎么写了这么多的文字，我要被拦腰截断了啊，kitty救我！&/div&
css部分： .zxx_text_overflow_6{width:400}
js部分： var wordLimit=function(){ $(".zxx_text_overflow_6").each(function(){ var copyThis = $(this.cloneNode(true)).hide().css({ 'position': 'absolute', 'width': 'auto', 'overflow': 'visible' }); $(this).after(copyThis); if(copyThis.width()&$(this).width()){ $(this).text($(this).text().substring(0,$(this).html().length-4)); $(this).html($(this).html()+'...'); copyThis.remove(); wordLimit(); }else{ copyThis.remove(); //清除复制 } }); } wordLimit();
两个jQuery方法都是 写的，不算太难。前者直接限定字符个数，后者通过宽度判断，去掉最后一个字符，循环，直到文字内容宽度小于div的限制宽度。我只是引用啊。本人验证过这方法是可行的。还不错呢。原文地址：/study/200909/text-overflow-ellipsis-so-on.html
阅读(...) 评论()jQuery 判断页面元素是否存在
在传统的script里，当我们对某个页面元素进行某种操作前，最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。
document.getElementById("someID").innerHTML("hi");
如果ID为"someID"的元素不存在，我们将得到Javascript运行错误：document.getElementById("someID") is null
正确的写法应该是：
obj = document.getElementById("someID");
obj.innerHTML("hi");
} 那么在jQuery，我们如何判断页面元素存在与否呢？如果参照上面的传统Javascript的写法，我们第一个想到的办法一定是：
if ($("#someID")){
$("#someID").text("hi");
可是这么写是不对的！因为jQuery对象永远都有返回值，所以$("someID") 总是TRUE ，IF语句没有起到任何判断作用。正确的写法应该是：
if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
注意 ：判断某个页面元素存在与否在jQuery实际上是没有必要的，jQuery本身会忽略 对一个不存在的元素进行操作，并且不会报错
$(document).ready(function(){
var value=$('#btn_delXml').
if(value>0){
alert('Extsts');
alert('not Extsts');
jQuery选择器获取页面的element时，无论element是否存在，都会返回一个对象。例如：
var my_element = $("#element_Id" )此时的变量my_element就是一个对象，既然是一个对象，这个对象就具有length的属性，因此，用以下代码可以判断元素（对象）是否存在：
if(my_element.length>0){
alert("element is exist.");
alert("element not be found");
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'