版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/qq_36092584/article/details/52740681 1)select下拉框控制div的隐藏与显示 <script> function checkYear() { var selectValue = $("select[name='periodType']").val(); if(selectValue == 1){ $("#isPeriodYea…
jQuery 效果- 隐藏hide()和显示show() 语法: $(selector).hide(speed,callback);$(selector).show(speed,callback); (可选)speed  参数:规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒. (可选)callback 参数:是隐藏或显示完成后所执行的函数名称.   例1:使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: <scr…
隐藏/显示标签 $("#div1").css("display", "none");$("#div2").css("display", "block"); 禁用/取消禁用 $("#div1").attr("disabled", "disabled"); $("#div1").attr("disabl…
Radio <input type="radio" name="rd" id="rd1" checked="checked" value="1"/>1 <input type="radio" name="rd" id="rd2" value="2"/>2 <input type="radi…
<script type="text/javascript"> function diva(){ document.getElementById('div1').style.display="none"; }; function divb(){ document.getElementById('div1').style.display=""; }; </script> <div style="width:2…
用JQuery实现选中select里面的option显示对应的div HTML: <select name=""  onchange="select(this)"> <option value="1">题目一</option> <option value="2">题目二</option> <option value="3">题目三<…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #…
点击某个元素显示div,点击页面其他任何地方隐藏div,可用javascript和jquery两种方法实现: 一:javascript实现方法技巧<script>//定义stopPropagation 方法的使用,该方法将停止事件的传播,阻止它被分派到其他 Document 节点. function stopFunc(e) {        e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;    };//获取元素的…
HTML: <div id="mazey" style="display:none;">www.mazey.net</div> jQuery: $("#mazey").css("display","block");//使id为mazey的div显示出来 jQuery改变CSS使DIV显示…
html页面代码: <input type="checkbox" name="searchType" value="searchNews" id="searchNews" onclick="showNewsTypeChoose()"/> 新闻版块 <div id="newsTypeChoose" style="display:none"> &l…