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

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元素绑定事件及解除绑定方法

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

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

    在jquery中绑定事件我们可以使用click、change、mouseout、.bind(),live等待事件来操作,下面我来给大家介绍jQuery使用向DOM元素绑定事件实现程序相关实例,有需要了解的同不可进入参考。

    JQuery中DOM事件绑定用法详解

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

    jQuery双向数据绑定插件way.js

    way.js是一个简单的,轻量级的,持续的,framework-agnostic JavaScript库,允许您将DOM元素绑定到一个内存数据中存储。浏览器要求ie9以上版本,演示地址:http://www.jq22.com/jquery-info546

    JQuery 给元素绑定click事件多次执行的解决方法

    原绑定方法: $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法; 解决办法更改绑定方法为: $("#sdfsd").unbind("click").click(function(e){ ***** }); 在绑定新click...

    jQuery常见面试题之DOM操作详析

    前言 关于JQ的DOM操作面试问题很多,可以从各个点问,所以列举几个常见问题,毕竟面试只是过程,重要的是知识自己掌握了。...remove() :删除节点,并删除元素节点绑定的事件。 empty() :清空节点元素的内

    vue动态生成dom并且自动绑定事件

    用jquery的时候你会发现,页面渲染后动态生成的dom,在生成之前的代码是没办法取到相应对象的,必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。 html: <input type=text v-model...

    锋利的jQuery_高清_书签.part2

    1.4.1 DOM对象和jQuery对象简介 1.4.2 jQurey对象和DOM对象的相互转换 1.4.3 实例研究 1.5 解决jQuery和其他库的冲突 1.6 jQuery开发工具和插件 1.7 小结 第2章 jQuery选择器 2.1 jQuery选择器是什么 2.2 jQuery选择...

    jQuery事件及绑定.pptx

    jQuery对JavaScript操作DOM事件进行了封装,形成了更好的事件处理机制; 包括常用事件、事件绑定与解绑等。jQuery事件处理方法是jQuery的核心函数。 常用事件方法(教材P263表A-4): 分类 事件方法 描述 鼠标 click...

    关于动态生成dom绑定事件失效的原因及解决方法

    之前做项目都是直接用jquery的bind绑定事件,不过当时都不是动态生成dom元素,而是已经页面中原本存在的dom元素进行事件绑定,最近在测试给动态生成的dom绑定事件的时候发现事件失效,于是就测试了一下: ...

    使用jQuery监听DOM元素大小变化

    jQuery resize event监听DOM元素大小变化 ,即可以绑定window以外的元素大小的变化,支持回调函数!

    关于Jquery中的事件绑定总结

    因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章日后能帮助到朋友,如有不妥之处,希望指出、...

    JavaScript中利用jQuery绑定事件的几种方式小结

    开发过程中经常要给DOM元素添加一些事件,下面介绍几种方式: 先写几个好看的button //引入JQuery [removed][removed] <span id=tips></span> <input type=button id=btn1 value=OK1 onclick=alert('hello ...

    Vue.js列表渲染绑定jQuery插件的正确姿势

    需要在Vue根据数组内容生成dom元素之后,去找到该dom元素,然后 $().xxx绑定jQuery插件。 之前使用Vue.nextTick方法,在一次dom更新以后执行延迟回调,渲染jQuery插件。 然而这并不是一种很好的方式,有时候难以确定...

    jQuery高级编程高清PDF完整版

    在《jQuery高级编程》第1部分中,深入介绍了jQuery的基础知识、介绍了如何选择或操作DOM元素,以及如何绑定并处理浏览器的事件。 在掌握了坚实的基础知识之后,本书将继续介绍jQuery的一些高级主题,包括使用...

    jQuery判断元素上是否绑定了指定事件的方法

    例如下面的代码可以判断id=testdiv的元素是否绑定的click事件,这个判断只针对jQuery绑定的事件有效,普通JS的事件绑定无效。 //jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定的事件 ...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    jQuery高级编程

    , , 在《jQuery高级编程》第1部分中,深入介绍了iQuery的基础知识、介绍了如何选择或操作DOM元素,以及如何绑定并处理浏览器的事件。, , 在掌握了坚实的基础知识之后,本书将继续介绍iQuery的一些高级主题,包括使用...

Global site tag (gtag.js) - Google Analytics