如何通过一个页面中的按钮,来控制另一个页面中div或者jsp标签中的内容的显示和隐藏 jquery怎么实现点击一个按钮控制一个div的显示和隐藏

\u5982\u4f55\u4f7fjsp\u5305\u542bjsp\u9875\u9762\u7684\u540c\u65f6\u53ef\u4ee5\u63a7\u5236\u53e6\u4e00\u4e2ajsp\u5185\u5bb9\u7684\u663e\u793a

\u53ef\u4ee5\u7528\u6a21\u5f0f\u7a97\u4f53\u6216\u8005jbox\u63a7\u4ef6

\u793a\u4f8bhtml

\u6700\u7b80\u5355\u7684\u65b9\u6cd5\uff1a
$(document).ready(function(e) {$(".but").click(function(e) {$(".abc").toggle();});});
toggle() \u7684\u4f5c\u7528\u5c31\u662f\u5f53\u5bf9\u8c61\u662f\u663e\u793a\u7684\u5c31\u9690\u85cf\uff0c\u5f53\u662f\u9690\u85cf\u7684\u5219\u663e\u793a\u3002
------
\u5982\u679c\u4f60\u9664\u4e86\u663e\u793a\u548c\u9690\u85cf\u4e4b\u5916\u8fd8\u9700\u8981\u540c\u65f6\u5b9e\u73b0\u5176\u4ed6\u529f\u80fd\u7684\u8bdd\uff0c\u53ef\u4ee5\u8fd9\u6837\uff1a
$(document).ready(function(e) {$(".but").click(function(e) {if( $(".abc").hasClass("show") ){// \u6267\u884c\u9690\u85cf$(".abc").hide().removeClass("show");// \u5176\u4ed6}else{// \u663e\u793a$(".abc").show().addClass("show");}});});
\u8fd9\u91cc\u901a\u8fc7\u81ea\u5b9a\u4e49\u4e00\u4e2a class : show \u6765\u5224\u65ad div \u662f\u663e\u793a\u6216\u9690\u85cf
hasClass() \u662f\u5426\u5b58\u5728\u67d0\u4e2aclass
hide() \u9690\u85cf\u5bf9\u8c61
show() \u663e\u793a\u5bf9\u8c61
removeClass() \u79fb\u9664\u4e00\u4e2aclass
addClass() \u6dfb\u52a0\u4e00\u4e2aclass
\u9664\u6b64\uff0c\u8fd8\u53ef\u4ee5\u901a\u8fc7jquery\u8bbe\u7f6e\u8fd9\u4e2a div \u7684 css : display:none/block \u6765\u5b9e\u73b0\u9690\u85cf/\u663e\u793a
PS\uff1ajquery\u5982\u4f55\u5220\u9664div\u91cc\u9762\u7684\u67d0\u4e2adiv
\u601d\u8def\uff1a\u9996\u5148\u83b7\u53d6\u5230\u9700\u8981\u5220\u9664\u7684\u5bf9\u8c61\uff0c\u7136\u540e\u4f7f\u7528jQuery\u63d0\u4f9b\u7684 remove() \u65b9\u6cd5\u5220\u9664\u88ab\u9009\u5143\u7d20\u53ca\u5176\u5b50\u5143\u7d20\u3002
\u4f8b\u5982\uff0c\u5bf9\u4e8e\u5982\u4e0b\u7684HTML\u7ed3\u6784\uff1a






1\u3001\u5220\u9664id\u4e3atest1\u7684div
\u9996\u5148\u4f7f\u7528id\u9009\u62e9\u5668\u83b7\u53d6\u5143\u7d20\uff0c\u7136\u540e\u4f7f\u7528remove()\u51fd\u6570\u5220\u9664\uff0c\u76f8\u5e94\u4ee3\u7801\u4e3a\uff1a
$("div#test1").remove();
2\u3001\u5220\u9664\u6240\u6709class\u4e3atest2\u7684\u5143\u7d20
$("#test div.test2").remove(); // \u6216\u8005 $("div").remove("#test .test2");
3\u3001\u5220\u9664\u6700\u540e\u4e00\u4e2adiv
\u867d\u7136\u8be5div\u6ca1\u6709id\u53caclass\u5c5e\u6027\uff0c\u4f46\u662f\u53ef\u4ee5\u4ece\u5176\u4f4d\u7f6e\u5173\u7cfb\u4e0a\u83b7\u53d6\u7136\u540e\u5220\u9664\u4e4b\uff1a
$("#test div:last").remove();

传值到下一页,根据传过来的参数来编写编写代码控制相应的标签的显示或隐藏!原理就这样,自己摸索吧

可以使用精益模块实现。

附模块以及成品:



<input type="button" class="button">

<div class="div">11111111</div>

<script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js"></script>
<script tyep="text/javascript">
$("input.button").click(function(){$("div.div").hide();}
);
</script>

  • 浣犲ソ!鎴戞兂鍦‥XCEL閲寤涓涓寜閽,閫氳繃杩欎釜鎸夐挳鏉ヨ皟鐢ㄥ彟澶栦竴涓狤XCEL(鐐瑰嚮...
    绛旓細alt+F11 鑿滃崟锛屾彃鍏ワ紝妯″潡 灏嗕笅闈㈠唴瀹瑰鍒跺埌鍙宠竟绌虹櫧鍖猴紝Sub 鎵撳紑鏂囦欢()Workbooks.Open ("D:\text\1.xls")End Sub 鐒跺悗鍦ㄥ綋鍓嶆枃浠跺缓涓涓绐椾綋鎸夐挳锛褰撲綘寤虹珛鏃朵細鑷姩鍑虹幇鎸囧畾瀹忕獥鍙o紝浣犳寚瀹氫负鎵撳紑鏂囦欢杩欎釜瀹忥紝纭畾銆傚嵆鍙 浠g爜鐨勬剰鎬濇槸鎵撳紑D鐩榯ext鐩綍涓嬬殑1.xls鏂囦欢銆備綘鏍规嵁瀹為檯淇敼 ...
  • 璇烽棶鍒朵綔flash鍔ㄧ敾杩囩▼涓濡備綍閫氳繃鎸夐挳鎺鍒跺姩鐢绘挱鏀?
    绛旓細鍦ㄥ姩鐢诲紑濮嬪鐨勪竴涓抚涓婅缃剼鏈唬鐮乻top锛屽苟鏂板缓涓涓寜閽锛堜笉蹇呮柊寤哄浘灞傦級鍦ㄦ寜閽笂璁剧疆鑴氭湰浠g爜play鍗冲彲閫氳繃鎸夐挳鏉ユ帶鍒跺姩鐢荤殑鎾斁浜嗭紒 缁欐挱鏀炬寜閽濡備笅鑴氭湰锛歰n (press){play();} 缁欐殏鍋滄寜閽濡備笅鑴氭湰锛歰n (press){stop();}
  • js 涓涓寜閽 鎬庝箞鎺鍒跺涓狣IV鏉ュ洖 鏄剧ず鍜岄殣钘
    绛旓細js 涓 澶勭悊 div 鐨剆tyle 鐨 display涓 block/none鍗冲彲 浠g爜绀轰緥:var div1document.getElementById("div1");var div2=document.getElementById("div2"); div1.style.display="none"; //闅愯棌div2.style.display="block"; //鏄剧ず...
  • 鏈夎皝鍙互鍛婅瘔鎴憌eb缃戦〉鍒朵綔涓閫氳繃涓涓寜閽帶鍒椤甸潰涓婄殑涓娈垫枃瀛楁斁澶,缂...
    绛旓細 涓嬮潰鏄剼鏈細(document).ready(function(){ //瀛椾綋鍙樺ぇ class涓.fsize 鐨刪3 涓嬬殑 em 鍏冪礌琚偣鍑绘椂锛(".fsize h3").find("em").click(function(){ //绠楀嚭h3 涓嬮潰鐨 div 涓殑 p 鐨勫瓧鍙 var size=parseInt( $(this).parent().next("div").find("p").css("font-size"),10);//鏈...
  • 鏄撹瑷 鎬庢牱鐢涓涓寜閽潵鎺鍒跺惎鍔ㄧ獥鍙g殑闊充箰?鎬庢牱娣诲姞缂栬緫妗? 鍏堣阿 ...
    绛旓細娉ㄦ剰:閫夋嫨杞欢椤堕儴鐨 宸ュ叿---鏀寔搴撻厤缃 鍏ㄩ夊悗纭畾 杩欎簺鏀寔搴撻粯璁ゅ緢澶氭槸闅愯棌鐨.姣斿浣犺鐨勯煶涔愶紝璁剧疆涓涓瀛愮▼搴锛屾寜閽鎸変笅鍘讳簡銆1銆佷娇鐢ㄩ煶涔愭柟闈㈢殑缁勪欢寮濮嬫挱鏀炬煇璺緞閲岀殑闊充箰鏂囦欢銆2銆佷娇鐢ㄨ秴鏂囨湰娴忚妗嗘墦寮鏌涓綉椤鍦板潃,鐩存帴鎾斁.涓婇潰杩欎簺閮藉彲浠ヨ揪鍒颁綘鐨勮姹,浣嗘槸浣犵洰鐨勮鏄庣‘,棣栧厛浣犳槸涓轰簡浠涔...
  • VB涓濡備綍瀹炵幇涓涓寜閽鏃㈡帶鍒舵暟鎹簱鏁版嵁鐨勬坊鍔,鍙堝疄鐜版暟鎹簱鏁版嵁鐨勬洿鏀...
    绛旓細閫氳繃瀹氫箟涓涓鍏ㄥ眬鍙橀噺锛堝xACTION)鍙互瀹炵幇銆傚綋鐐瑰嚮娣诲姞鎸夐挳鏃讹細xACTION锛1,褰撶偣鍑婚噸鍛藉悕鎸夋椂锛歺ACTION锛2,鏈鍚庡綋鐐瑰嚮淇濆瓨鎸夐挳鏃讹紝瀵箈ACTION杩涜鍒ゆ柇锛氬亣濡倄ACTION锛1鏃舵墽琛屾彃鍏ユ暟鎹殑SQL璇彞,鍋囧xACTION锛2鏃舵墽琛屾洿鏂版暟鎹殑SQL璇彞銆傚笇鏈涘浣犳湁鎵甯姪銆
  • JAVA濡備綍閫氳繃鎸夐挳鏉瀹炵幇鐣岄潰鐨鍒囨崲?涓涓Frame 涓変釜panel(鍏朵腑涓涓负M...
    绛旓細浣跨敤CardLayout甯冨眬绠$悊鍣ㄣ俧inal CardLayout cards = new CardLayout();final JPanel container = new JPanel(cards);container.add(panel1, "panel1");container.add(panel2, "panel2");button1.addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent e){ ...
  • 鍦ㄤ竴涓猨sp椤甸潰涓浣曢氳繃鐐瑰嚮涓涓寜閽杞埌鍙︿竴涓猨sp椤甸潰
    绛旓細閭d綘灏辨妸閾炬帴鏀规垚鎸夐挳鐒跺悗鍦ㄤ笂闈㈡寕涓猨s浜嬩欢灏卞彲浠ヤ簡銆傝繖鏍风殑鏁堟灉鍙互锛歰nclick="window.location='鏂椤甸潰'" 鏉ュ疄鐜般1.鍦ㄥ師鏉ョ殑绐椾綋涓洿鎺ヨ烦杞敤锛屼唬鐮侊細window.location.href="浣犳墍瑕佽烦杞殑椤甸潰"銆2銆佸湪鏂扮獥浣撲腑鎵撳紑椤甸潰鐢紝浠g爜锛歸indow.open('浣犳墍瑕佽烦杞殑椤甸潰')锛泈indow.history.back(-1)銆傝繑...
  • javascript涓濡備綍閫氳繃涓涓寜閽潵瀹炵幇寮濮嬪拰鍋滄鐨勫姛鑳?
    绛旓細2012-02-14 濡備綍閫氳繃涓涓寜閽,瀹炵幇寮濮嬨佹殏鍋 1 2015-01-08 鎬庝箞鐢╦avascript鍦ㄩ〉闈笂娣诲姞涓涓枃鏈,涓涓紑濮嬫寜... 3 2013-09-27 鐐瑰嚮缃戦〉涓殑涓涓寜閽,鎵惧埌璇ユ寜閽Е鍙戠殑javascript浜... 22 2008-11-13 鎬庢牱瀹炵幇涓涓寜閽吋鏈"寮濮"鍜"鍋滄"鐨勫姛鑳介樋? 2013-07-30 鏄撹瑷閲屾庝箞浣跨敤涓涓寜閽疄鐜...
  • 鍦ㄤ竴涓猨sp椤甸潰涓浣曢氳繃鐐瑰嚮涓涓寜閽杞埌鍙︿竴涓猨sp椤甸潰
    绛旓細鏈绠鍗曞氨鏄敤javascript鏉ュ疄鐜颁簡锛屼笅闈㈡槸涓绉嶉棿鎺ョ殑瀹炵幇鏂规硶锛岃屼笖鏁堢巼姣旇緝楂橈細
  • 扩展阅读:3秒钟自动跳转网页 ... 键盘右边1-9打不出数字 ... oppo三键怎么调出来 ... oppo下面三个键怎么关 ... 入户一键开关 ... 点击跳转到另一个页面 ... 下面三个按键怎么设置 ... 苹果怎么调出三个按键 ... 手机下部三个键怎么显示 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网