`
ai_longyu
  • 浏览: 505589 次
社区版块
存档分类
最新评论

jquery绑定到Dom

阅读更多

操作步骤:

jquery绑定到Dom步骤

1.声明指定样式类的类名

2.修改其中的样式

3.加载时即设定click事件。

 

举例:$(document).ready(function () {  

            document.getElementById('comment').className = ".ui-tabs .ui-tabs-hide";  
            document.getElementById('comment').style.cssText = "display:block";  
            document.getElementById('question').className = ".ui-tabs .ui-tabs-hide";  
            document.getElementById('question').style.cssText = "display:block";  
              
            $("#biaoshi").click(function () {  
                document.getElementById('comment').className = ".ui-tabs .ui-tabs-hide";  
                document.getElementById('comment').style.cssText = "display:block";  
                document.getElementById('question').className = ".ui-tabs .ui-tabs-hide";  
                document.getElementById('question').style.cssText = "display:block";  
            })  
             
        })  
 
2
3
分享到:
评论
2 楼 aijuans1 2012-05-28  
回去试试.
1 楼 skcks 2012-05-28  
楼主多此一举,神马绑定到dom?是选择dom:
$(function(){
    $('#comment,#question').addClass('ui-tabs').addClass('ui-tabs-hide').css('display','block');
});

相关推荐

    jquery对象和dom对象

    而jQuery对象则是jQuery库中用于封装DOM对象的一个特殊类型,提供了一系列便捷的方法来处理DOM操作,如选择元素、事件绑定、动画效果等。 **DOM对象** DOM对象是JavaScript与网页内容交互的基础。当你通过...

    JQuery DoM和ajax 操作

    5. **事件处理**: jQuery提供了一致的事件绑定和触发机制,如`on()`, `off()`, `trigger()`, 使得处理用户交互变得轻松。它还支持事件委托,通过监听父元素来处理子元素的事件,提高了性能。 **jQuery AJAX操作** ...

    Jquery数据绑定分页源码

    2. **数据绑定**:源码中会包含将获取到的数据绑定到DOM元素上的代码,这可能涉及到遍历数据并使用`$.each`,以及动态创建和插入HTML元素。 3. **分页逻辑**:这部分代码管理分页状态,包括当前页数、总页数、每页...

    JQuery绑定事件

    **jQuery绑定事件**是JavaScript库jQuery中的核心功能之一,它极大地简化了DOM元素事件处理的流程,使得开发者能够更加高效地编写代码。在JavaScript原生语法中,为元素添加事件监听器通常涉及到`addEventListener`...

    Jquery+dom+easyUI教程

    jQuery 是一个广受欢迎的 JavaScript 库,其核心理念是简化 DOM 操作,处理事件和创建动画,同时提供了统一的 API 以实现跨浏览器兼容性。jQuery 的“write less, do more”口号反映了它通过简洁的语法实现高效的...

    jQuery DOM节点操作源码

    在"jQuery DOM节点操作源码"中,我们可以深入理解jQuery是如何优雅地处理DOM(Document Object Model)节点的。以下是关于jQuery DOM操作的一些关键知识点: 1. **选择器**:jQuery 的核心功能之一就是强大的选择器...

    jquery dom对象 详细介绍1

    jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、AJAX请求、事件处理以及创建复杂的网页特效。jQuery的核心特性包括对JSON的支持、XML解析以及一套强大的选择器系统,使得开发者能够更加高效地选取和操作...

    关于dom和jquery对象理解

    2. **从DOM到jQuery**:如果有一个DOM对象,想要转换成jQuery对象以便使用jQuery提供的方法,则可以使用`$(dom)`。例如,`var $cr = $(cr);`将DOM对象`cr`转换成了jQuery对象。 #### 总结 DOM与jQuery之间的关系是...

    jquery绑定原理 简单解析与实现代码分享

    jQuery绑定原理是JavaScript库jQuery中的核心特性之一,它允许开发者将事件处理函数附加到DOM元素上,以便在用户与页面交互时执行相应的操作。这里我们将深入解析jQuery绑定事件的原理,并通过示例代码来理解其工作...

    尚硅谷_教学课件_jQuery

    2. **高效的DOM操作**:jQuery提供了一套丰富的API来选取和操作DOM元素,如`$(selector).hide()`用于隐藏匹配的选择器元素。 3. **强大的事件处理**:jQuery封装了JavaScript的事件处理,允许开发者用`.on()`、`....

    jQuery中dom元素上绑定的事件详解

    4. 对于jQuery绑定的事件,可以查看“Properties”视图,找到`jQueryxxxxx`属性,通过`$.cache[N]`获取事件信息,其中`N`是该属性的值。 5. 在jQuery 2.x版本中,由于内部结构变化,需要更复杂的操作,包括构造...

    JQuery为页面Dom元素绑定事件及解除绑定方法

    1、绑定事件 代码如下: $(‘#id’).bind(“click”,function(){ … }) 可一次性绑定多个事件 代码如下: $(‘#id’).bind(“click mouseover mouseout”,function(){ … }) 2、解除绑定 代码如下: $(‘#id’).unbind...

    jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别

    例如,原生的`addEventListener`事件绑定通常比jQuery的`on`方法更快,因此在性能敏感的地方,可以先将jQuery对象转换为DOM对象再进行操作。 最后,jQuery还包含了强大的事件处理和动画功能。事件处理可以使用`.on...

    jQuery实现的纯HTML模板进行ajax数据绑定

    标题中的“jQuery实现的纯HTML模板进行ajax数据绑定”指的是使用jQuery库来处理HTML模板,并通过AJAX技术动态地从服务器获取JSON数据,然后将这些数据绑定到模板中,实现页面内容的动态更新,无需刷新整个页面。...

    jQuery对象与DOM对象之间的相互转换

    例如,在处理DOM遍历、事件绑定或某些特定的DOM操作时,可能需要在jQuery对象和DOM对象之间切换。例如: - 当需要调用原生DOM方法,如`offsetParent`或`addEventListener`时,需要将jQuery对象转换为DOM对象。 - 当...

    jQuery操作DOM解析

    - **创建元素**:`.create()`方法可以生成新的DOM元素,结合其他方法插入到页面中。 5. **事件处理(Event Handling)** jQuery简化了事件绑定和触发。`.on()`, `.off()`, `.click()`, `.mouseover()`等方法用于...

    jQuery对象与DOM对象之间的转换方法

    最后,我们要认识到,虽然DOM对象和jQuery对象可以互相转换,但它们本质上是不同的对象类型,各自有自己的优势和使用场景。在开发中合理地选择使用jQuery对象或DOM对象,或者在需要时进行适当的转换,将帮助我们编写...

    JQuery中DOM事件绑定用法详解

    本文实例讲述了JQuery中DOM事件绑定用法。分享给大家供大家参考。具体分析如下: 在文档加载完成后,如果打算为元素绑定事件来完成某些操作,则可以使用bind()方法来对匹配元素进行特定事件的绑定,bind()方法的调用...

    Jquery从入门到精通

    3. **事件处理**: 使用jQuery绑定事件变得非常简单,如`$("#button").click(function() {...})`用于监听按钮的点击事件。 4. **动画效果**: jQuery的动画功能强大,`fadeIn()`, `fadeOut()`, `slideToggle()`等函数...

Global site tag (gtag.js) - Google Analytics