jquery问答知识整理_jquery

来源：懂视网责编：小采时间：2020-11-27 20:47:19

jquery问答知识整理_jquery

jquery问答知识整理_jquery:获取ID ： $(this).attr(id); :not用法 1. 列表用法代码如下: var notList = []; notList.push(#); var textElements = $(input[type=text]:not( + notList + )); var firstFocusItem = nul

推荐度：

点击下载本文 文档为doc格式

导读jquery问答知识整理_jquery:获取ID ： $(this).attr(id); :not用法 1. 列表用法代码如下: var notList = []; notList.push(#); var textElements = $(input[type=text]:not( + notList + )); var firstFocusItem = nul

获取ID ： $(this).attr("id");
:not用法
1. 列表用法
代码如下:
var notList = [];
notList.push("#<%=txtSuggest.ClientID %>");
var textElements = $("input[type=text]:not(" + notList + ")");
var firstFocusItem = null;
//遍历Type=Text的元素
textElements.each(function(i) {
//TODO
});

2.排它用法
代码如下:
$("table[id^=tb]:not([id=tbBasicInfo])").each(function() {
alert($(this).attr("id"));
});

如果不加［］的话， $("table[id^=tb]:not(tbBasicInfo)")，这样是不行的
这时not是基于前者id^=tb的tb进行：not操作的
恢复BackGround-Color为原始的颜色
background-color:transparent
去掉Href的下划线，已访问过的样式
a, a:visited{ text-decoration: none;}
去掉Li的点样式
li{margin:0; padding:0; list-sytle:none}
获取当前对象的Style中的某种样式
$("#divDept").css("display")
CSS BackGround Url 显示不出来
因为IE浏览器和FF对于处理路径有一些差异，在IE下修改boxy.css代码如下。
代码如下:
.boxy-wrapper .top-left { background: url('images/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('images/boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('images/boxy-sw.png'); }
/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-sw.png'); }

这样就能在IE下显示正常了。
获取Table对象
$("table[id=tableID]") 或者 $("#tableID")CountDown用法
代码如下:
$.getJSON(

loginServiceUrl,{ method: "Logout"},

function(result) {

if (result.Url != null) {

$("#transfer").countdown({
until: "+5s",
expiryUrl: result.Url,
onTick: function(periods){
$(this).text(periods[6]);
}
});
}
});

Google Chrome中text()取值有问题，改为val()
Google Chrome 中窗口最大化的问题
以下js代码在FF,IE中没问题
代码如下:
if (window.screen) {
var myw = screen.availWidth;
var myh = screen.availHeight;
window.resizeTo(400, 400);
window.moveTo(0, 0);
}

在Chrome中resizeTo,resize都是没有效果的。

Issue 2091:window.resizeTo() doesn't have any effect

By Design we don't support resize/move for tabs, only constrained windows.

http://www.cnblogs.com/lonz/articles/381022.html

javascript resizeTo bug

http://code.google.com/p/chromium/issues/detail?id=11523

在google chrome/safari 中textbox默认是可以自由拉长的，为何控制不让其自由拉长。

解决方案：

CSS to disable resizing

textarea {
resize: none;
}

textarea[name=foo] {
resize: none;
}

HTML is <textarea id="foo">)

#foo {
resize: none;
}</PRE></div>


<LI>JS压缩工具 </LI>

<P>http://www.brainjar.com/js/crunch/demo.html</P>
<P>缺点：</P>
<P>会把正则表达式中类似*/去除</P>
<P>Sample:</P>
<P>value = s.replace(/^0*/, '');</P>
<P>After Compress:</P>
<P>value = s.replace(/^0, '');</P>

<LI>parseInt() 和 Number() 兩個函數有什么不同？ </LI>

<P>http://hi.baidu.com/iloverobot/blog/item/bd3ed651ffd362868c5430bf.html</P>

<LI>JSON 问题 </LI>

<P>http://blog.csdn.net/chinaontology/archive/2007/12/30/2004871.aspx</P>

<LI>CSS置底的提示框 </LI>
<P><IMG title=clip_image002 style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=130 alt=clip_image002 src="https://www.gxlcms.com/Uploads-s/new/2019-09-25-201925/20100211130549706.png" width=222 border=0></P>
<P><IMG title=clip_image003 style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=39 alt=clip_image003 src="https://www.gxlcms.com/Uploads-s/new/2019-09-25-201925/20100211130549993.png" width=244 border=0></P>

<LI>大文件上传 进度条显示 （仿csdn资源上传效果） </LI>

<P>http://www.cnblogs.com/zengxiangzhan/archive/2010/01/14/1647866.html</P>

<LI>可编辑的Input </LI>

<P>http://acme.com/javascript/</P>
<P><IMG title=clip_image004 style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=142 alt=clip_image004 src="https://www.gxlcms.com/Uploads-s/new/2019-09-25-201925/20100211130549568.png" width=244 border=0></P>

<LI>jquery设置html头信息 </LI>

<P>http://home.phpchina.com/space.php?uid=155537&do=blog&id=182698</P>

<LI>jQuery与prototype(ajaxpro)冲突的解决方法 </LI>

<P>http://www.cnblogs.com/sxlfybb/archive/2009/06/04/1495995.html</P>

<LI>利用jQuery + Handler(ashx) + LINQ 實現 Autocomplete </LI>

<P>http://www.dotblogs.com.tw/puma/archive/2009/03/10/7426.aspx</P>

<LI>jquery ajax 中文乱码 </LI>

<P>http://phpxiaoxin.javaeye.com/blog/350544</P>

<LI>Ajax中文乱码原因分析及解决方案 </LI>

<P>http://hi.baidu.com/sihillver/blog/item/4d6f32f592920325bc3109d7.html</P>

<LI>打造基于jQuery的高性能TreeView </LI>

<P>http://kb.cnblogs.com/page/50337/</P>
<P>http://kb.cnblogs.com/page/53517/</P>

<LI>利用jQuery实现更简单的Ajax跨域请求 </LI>

<P>http://kb.cnblogs.com/page/53433/</P>

<LI>Jquery.Ajax 读取XML </LI>

<div class="51ds_code" style="position: relative;"><PRE>first of all sorry about my english, it's not my native lengauge...
i have a xml file that i'm reading with the sample code above... </PRE></div><div class="51ds_code" style="position: relative;"><PRE>but when i try to read it from a service web page (http://www.google.com/ig/api?weather=Buenos%20A...), </PRE></div><div class="51ds_code" style="position: relative;"><PRE>it doesn't show anything... and if i write the same content of this page in a xml file in my pc, </PRE></div>

<div class="51ds_code" style="position: relative;"><PRE>it works perfectly... i dont know what am i doing wrong
i let u the code that i'm using maybe u could help me
function clima(){
$.ajax({
 type: "GET",
 url: 'http://www.google.com/ig/api?weather=Buenos%20Aires',
 dataType: "xml",
 success: function(data){
 var $weather = $(data).find('current_conditions')
 console.log($weather);
 }
 });
}

function clima() {
$.ajax({
 type: "GET",
 dataType: "xml",
 url: 'http://www.google.com/ig/api?weather=Buenos%20Aires',
 success: function(xml) {
 var weather = $(xml).find("current_conditions").find("temp_c").attr("data");
 alert("Prognostico para hoy: " + weather + " grados");
 }
 });
}</PRE></div>


<LI>FullSize：一个新的IMG标签属性（附带JQuery实现） </LI>

<P>http://css9.net/img-fullsize/</P>
<P><IMG title=clip_image005 style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=196 alt=clip_image005 src="https://www.gxlcms.com/Uploads-s//Uploads-s/new/2019-09-25-201925/20100211130549660.png" width=244 border=0></P>
<P>http://css9.net/wp-content/uploads/2009/04/fullsize/example.html</P>
<P>有关于$.ajaxSetup和$.get的问题 </P>

<P>在Common.js中使用</P>
<div class="51ds_code" style="position: relative;"><PRE> $.ajaxSetup({
 url: "…..",
 type: "POST",
 cache: true,
 dataType: "json"
 });
 $.ajax({
 data: { cityCode: cityCode, flag: flag },
 success: function(areaList) { …}

 });</PRE></div>
<P>在PageA页面引入Common.js</P>
<P> 然后在脚本段中使用 $.get(url);</P>
<P> 此处url调用的是一个aspx页面，显示</script></pre>结果为无数据加载！（正常情况：有数据加载。）</P>
<P> 然后经过使用IE8的开发人员工具，进行Trace Error.最终发现原因错误信息（如下）</P>
<P> "Invalid JSON: <form name="form1" method="post" action="ajax_select</P>
<P>那么如何解决呢？</P>
<P>原因：</P>
<P> 肯定是请求数据类型有问题？</P>
<P>解决方案：</P>
<P> 1.在Page A 页面脚本段 $.get(url，“html”); </P>
<P> 因为$.get中的Data是可选项，现在确定原因之后，我们就来预定义好DataType</P>
<P> 结果：OK</P>
<P>分析源由：</P>
<P> 是因为$.ajaxSetup是用全局设定的，所以全局已经设定了DataType:JSON了。</P>
<P> 那Page A 页面的$.get()肯定受及影响。</P>
<P><IMG title=image style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=68 alt=image src="https://www.gxlcms.com/Uploads-s/new/2019-09-25-201925/20100211130549990.png" width=519 border=0> </P>
<P>最终解决方案：</P>
<P> 改Common.js,去掉ajaxSetup全局设定</P>
<P> $.ajax({ url: "…..", type: "POST", cache: true, dataType: "json",data: { cityCode: cityCode, flag: flag }, success: function(areaList) { …} });</P>
<P> 结果：OK</P>
<P> <IMG title=image style="BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" height=76 alt=image src="https://www.gxlcms.com/Uploads-s/new/2019-09-25-201925/20100211130549835.png" width=482 border=0></P> 




</p><p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/dysph.js"></script></div>    
<div class="downbox clearfix">
    <div class="ico"><img src="https://js.51dongshi.net/tpl/pc2/images/document.png" alt="文档"></div>
    <div class="txt">
        <h4>jquery问答知识整理_jquery</h4>
        <div class="co">jquery问答知识整理_jquery:获取ID ： $(this).attr(id); :not用法 1. 列表用法  代码如下: var notList = []; notList.push(#); var textElements = $(input[type=text]:not( + notList + )); var firstFocusItem = nul</div>
        <div class="tj"><b>推荐度：</b><div class="tj_stars_list"><i class="tj_stars tj_05"></i></div></div>
    </div>
    <div class="btn">
        <a href="javascript:;"  class="html2word" data-model="article" data-id="ahaadc" title="文档下载">
            <b>点击下载本文</b>
            <span>文档为doc格式</span>
        </a>
    </div>
</div>
              
       <script>keji_detail_ga('article_content_bottom');</script> 
                <div class="tvideo_tag">
            标签：
                        <a href="/tlist-53/">整理</a>
                        <a href="/tlist-18540/">知识</a>
                        <a href="/tlist-2132435/">jQuery</a>
                    </div>
                
            
            <div class="tvideo_box tvideo_box_tab"> 
                    <div class="hd">
                        <ul><li class="on">热门焦点</li><script>keji_detail_ga('hot_jiaodian_tab_title');</script></ul>
                    </div>
                    <div class="bd">
                        <ul class="ult_jpic clearfix">
                            <script>get_hot_jiaodian_content('wz_hot_jiaodian',33,'hot',1);</script>
                            
                            
                        </ul>
                        
                    </div>
            </div>
            
        </div>
        <!--中间文章 end-->
        <!--右侧专题 star-->
        <div class="ult_zt">
            <script>keji_detail_ga('article_right_top');</script>
            <div class="ult_ztbox">
                <h4>最新推荐</h4>
                <ul class="tvideo_r_a clearfix">
                    <script>get_detail_right('wz_right_new',33,'')</script>
                
                
                
            </ul>
            </div>
            <script>keji_detail_ga('article_right_middle');</script>
            
            <div class="ult_ztbox">
                <h4>猜你喜欢</h4>
                <ul class="telist_rb clearfix">
                    <script>get_detail_right('wz_right_love',33,'')</script>
                    
                   
                    
                </ul>
            </div>
           
            <script>keji_detail_ga('article_right_new_bottom');</script>
            
           
            <div class="ult_ztbox">
                <h4>热门推荐</h4>
                <ul class="tvideo_r_b clearfix">
                    <script>get_detail_right('wz_right_hot',33,'')</script>
                    
                </ul>
            </div>
           
            <script>keji_detail_ga('article_right_bottom');</script>
        </div>
        <!--右侧专题 end-->
        <div style="display:none"><a href="https://www.51dongshi.net/wzztf/ah/ahaadc/">专题</a>
</div>
    </div>

</div>
<script src="https://js.51dongshi.net/plug/qrcode/qrcode.min.js"></script>
<script src="https://js.51dongshi.net/js/share.js" charset="UTF-8"></script>
<script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/waypoints.min.js"></script>
<script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/icon_step.js"></script>
<style>
#qrcode{padding: 15px;background: #fff;}
</style>
<div id="qrcode" style="display: none"></div>
<script>new QRCode(document.getElementById("qrcode"), "https://m.51dongshi.net/eedfahaadc.html");</script>
<iframe src="https://hits.51dongshi.net/?biao=ho_article&id=959928" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe>
<script src="https://js.51dongshi.net/js/shHighlighter.js"></script>
<link rel="stylesheet" href="https://jss.51dongshi.net/js/fffz/css/box.css">
<script id="fffz" data-domain="//www.51dongshi.net/index" src="https://js.51dongshi.net/js/fffz/fffz.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.net/pcwz/tj.js"></script>
<div style="display:none"><script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?4b1ebb0298b66c8a109db070c4878833";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    </div>

<!--foot star-->
<div class="footer">
    <div class="m_box">
        <div class="footer_in"> 
            <a href="#" target="_blank">产品服务</a>
            <a href="#" target="_blank">发展历程</a>
            <a href="#" target="_blank">企业资讯</a>
            <a href="#" target="_blank">企业文化</a>
            <a href="#" target="_blank">关于我们</a>
            <a href="#" target="_blank">加入我们</a>
            <a href="#" target="_blank">联系我们</a>
            <a href="#" target="_blank">网站导航</a>
            <a href="#" target="_blank">网站律师</a>
        </div>
        <ul class="ftrlist">
            <li>
                 <a rel="nofollow" href="https://www.itrust.org.cn" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo01.gif" alt="中国互联网协会"></a>
             </li>
             <li>
                 <a rel="nofollow" href="https://www.12377.cn/" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/12377logo.png" alt="中国互联网举报中心"></a>
             </li>
             <li>
                 <a rel="nofollow" href="http://www.cyberpolice.cn/" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo05.gif" alt="网络110报警服务"></a>
             </li>
             <li>
                 <a rel="nofollow" href="http://www.creditchina.gov.cn/" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/creditchina.gif" alt="信用中国"></a>
             </li>
             <li class="last">
                 <a rel="nofollow" href="http://www.shdf.gov.cn/shdf/channels/740.html" target="_blank">
                     <img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo11.png" alt="中国扫黄打非网"><p>中国扫黄打非网</p>
                 </a>
             </li>
        </ul>
        <div class="footer_co"> 
            <a href="/" class="footlogo"><img src="https://js.51dongshi.net/tpl/pc2/images/logo_bottom.png" alt="懂视"></a>
            <p>Copyright © 2019-2025 <a href="/" target="_blank">51dongshi.net</a> 版权所有</p>
            <p>
                <a rel="nofollow" target="_blank" href="https://beian.miit.gov.cn/">赣ICP备2023002352号-34</a>
            </p>
            <p>违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务</p>
            
        </div>
    </div>
</div>
<!--foot end-->


<a href="#0" class="cd-top">Top</a>

<script type="text/javascript">
$(function(){
	var _line=parseInt($(window).height()/3);
	$(window).scroll(function(){
		if ($(window).scrollTop()>100) {
			$('.edu_top').css({'position':'fixed','top':'0','z-index':'99'})
		}else{
			$('.edu_top').css({'position':'relative','top':'0'})
		}
    })
})

</script>
<script type="text/javascript" src="https://jss.51dongshi.net/ga/all.js"></script>

</body>
</html>