`

jquery显示、隐藏div的方法

 
阅读更多

###例子

$("#top_notice").css("display", "block");//第1种方法
//$("#top_notice").attr("style", "display:block;");//第2种方法
//$("#top_notice").show();//第3种方法

 

 

1.给元素换class，来实现隐藏div，前提是换的class样式定义好了隐藏属性

$("#sendPhoneNum").attr("class", "n_input3");

1.2给元素设置style属性

$("#top_notice").attr("style", "display:block;");
 

2.通过jquery的css方法，设置div隐藏

$("#sendPhoneNum").css("display", "none");

 3.通过jquery的show()、hide()方法，设置div隐藏

$("#textDiv").show();//显示div
$("#imgDiv").hide();//隐藏div
分享到：
| js限制文件上传类型
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery显示隐藏DIV简单实例.zip

    总结来说，jQuery显示和隐藏DIV是网页动态效果的基础，通过简单的API调用可以轻松实现各种交互。这种技术广泛应用于菜单、侧边栏、内容区域的展开与收起，提升用户体验。了解并掌握这些技巧对于任何前端开发者都是...

    完美的鼠标放上去jquery显示隐藏层

    在网页设计和开发中，交互性是提升用户体验的关键因素之一，而“完美的鼠标放上去jquery显示隐藏层”正是实现这种交互效果的一种技术手段。这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停（hover）时...

    Jquery弹出DIV

    "Jquery弹出DIV"是指利用jQuery来实现一个可交互的模态对话框（通常称为弹出窗口或浮层），在网页上显示额外的信息或者进行一些用户交互。模态对话框通常是网页中的一个浮动元素，可以覆盖页面的其他部分，直到用户...

    JavaScript 动态隐藏、显示DIV 页面刷新后也不会改变隐藏状态

    使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到，当页面刷新时，也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...

    JQuery 动态生成DIV、Table并处理数据

    标题 "JQuery 动态生成DIV、Table并处理数据" 涉及的是使用JavaScript库JQuery来动态创建HTML元素，特别是DIV和Table，并且处理其中的数据。这在Web开发中非常常见，尤其是在构建交互式用户界面时。下面将详细阐述这...

    JQuery显示隐藏DIV的方法及代码实例

    JQuery是一个快速、小巧、功能丰富的JavaScript库，能够让HTML文档遍历、事件处理、动画和Ajax变得非常简单。在Web开发中，动态地控制...掌握JQuery中的hide()、show()和toggle()方法，将能轻松应对多种显示隐藏场景。

    jquery_div.rar_div显示特效_jquery_div

    3. 使用jQuery显示和隐藏`div`：jQuery提供了`show()`和`hide()`方法来改变元素的可见状态。例如，我们可以通过以下代码实现点击按钮显示或隐藏`div`： ```html 切换显示 $(document).ready(function() { $(...

    Div显示与隐藏网页制作

    2. **jQuery显示和隐藏Div**： - `.hide()`和`.show()`方法：jQuery提供了更简洁的API来处理元素的显示和隐藏。 ```javascript $('#myDiv').hide(); // 隐藏Div $('#myDiv').show(); // 显示Div ``` - 还有`....

    JqueryUI控制可拖动隐藏DIV

    总结起来，"JqueryUI 控制可拖动隐藏DIV"是一种利用 jQuery UI 库实现的交互功能，它可以增强用户的网页体验。通过 `draggable()`、`hide()` 和 `show()` 方法，我们可以创建出既可拖动又可隐藏的元素，并且可以自由...

    JQuery-DIV弹窗

    这种效果通过CSS样式实现背景变灰，通过jQuery控制DIV的显示和隐藏，以及响应用户的关闭操作。 首先，我们需要创建一个HTML结构，包含一个隐藏的DIV作为弹窗容器，以及必要的触发按钮： ```html <!DOCTYPE html> ...

    Jquery弹出div层窗口以及div屏幕居中,背景滤镜效果,div拖拽效果

    创建一个弹出div层窗口的关键在于利用jQuery的`show()`、`hide()`、`fadeIn()`、`fadeOut()`等方法来控制div的可见性，同时通过CSS来定义其样式，如边框、填充、背景色等。以下是一个简单的示例： ```html <div id=...

    JQUERY弹出模式DIV

    "JQUERY弹出模式DIV"是指使用jQuery来实现一种常见用户界面设计——模态对话框或者称为弹出窗口。这种功能在网页中很常见，用于显示警告、确认信息或者展示详细内容等。 模态对话框（Modal Dialog）是一种阻止用户...

    jquery弹出div

    除了`fadeIn`和`fadeOut`，jQuery还提供了许多其他动画效果，如`slideToggle`（滑动显示/隐藏）、`show`和`hide`（无动画显示/隐藏）等，可以根据实际需求选择合适的方法。 此外，标签中提到了`php`，这表明可能...

    jquery模拟div多选checkbox下拉框

    这可能包括初始化方法（如`.initSelectBox()`)，设置和获取值的方法（如`.setValue()`, `.getValue()`），以及显示和隐藏下拉框的方法（如`.show()`, `.hide()`）。 6. **可访问性和兼容性**：考虑到不同的浏览器和...

    jquery实现隐藏和显示实例

    现在我们有了一个jQuery对象`$element`，可以调用它的方法来隐藏或显示元素。`hide()`方法用于隐藏元素，而`show()`方法则用于显示元素。 1. 隐藏元素： ```javascript $element.hide(); ``` 这将使id为...

    JQUery弹出div层窗口，附带jquery的js文件，可以直接运行

    按钮的点击事件会通过jQuery绑定到一个JavaScript函数，这个函数负责展示或隐藏div层窗口。 `popup.js`是这个项目的重点，它包含了使用jQuery实现的JavaScript代码。在`popup.js`中，开发者可能定义了一个函数，当...

    JS显示隐藏DIV(动画效果)

    在网页开发中，JavaScript（JS...总结，JavaScript显示隐藏DIV的动画效果涉及到DOM操作、CSS样式控制、定时器函数以及可能的浏览器兼容性处理。这种技术在现代网页设计中广泛使用，可以显著提升用户与网页的互动体验。

    jquery div 下拉框 下拉列表

    jQuery还提供了一系列方法，如`.html()`用于改变元素内容，`.css()`用于修改样式，`.show()`和`.hide()`控制显示和隐藏。 创建一个div下拉框的基本步骤如下： 1. **HTML结构**：首先，我们需要在HTML中创建一个div...

    jquery插件弹出div

    "jquery插件弹出div"是一个基于jQuery的插件，用于创建弹出式对话框或者模态框，通常用于显示警告、确认消息或者进行表单提交等交互操作。在网页设计中，这种功能能够提升用户体验，因为它可以将用户注意力集中在...

Magicbox
Global site tag (gtag.js) - Google Analytics