当前位置:  编程技术>jquery

Jquery操作DOM对象的例子

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本例代码的效果图:   完整代码:   代码示例:     控制DOM对象             .divFrame         {             width: 260px;             border: solid 1px #666;             font-size: 10pt;         }    ...

本例代码的效果图:
 

完整代码:
 

代码示例:

    控制DOM对象
   
        .divFrame
        {
            width: 260px;
            border: solid 1px #666;
            font-size: 10pt;
        }
        .divTitle
        {
            background-color: #eee;
            padding: 5px;
        }
        .divContent
        {
            padding: 8px;
            font-size: 9pt;
        }
        .divTip
        {
            width: 244px;
            border: solid 1px #666;
            padding: 8px;
            font-size: 9pt;
            margin-top: 5px;
            display: none;
        }
        .txtCss
        {
            border: solid 1px #ccc;
        }
        .divBtn
        {
            padding-top: 5px;
        }
        .divBtn.btnCss
        {
            border: solid 1px #535353;
            width: 60px;
        }
   
   
        function btnClick() {
            //获取文本框的值
            var oTxtValue = document.getElementById('Text1').value;
            //获取单选框按钮值
            var oRdoValue = (Radio1.checked) ? '男' : '女';
            //获取复选框按钮值
            var oChkValue = (Checkbox1.checked) ? '已婚' : '未婚';
            //显示提示文本元素
            document.getElementById('divTip').style.display = 'block';
            //设置文本元素的内容
            document.getElementById('divTip').innerHTML = oTxtValue + '
' + oRdoValue + '
' + oChkValue;
        }
   


   

       

            姓名:

            性别:男
            女

            婚否:
           

               

       

   

   

   


    
 
 

您可能感兴趣的文章:

  • JQuery转义id中特殊字符的例子
  • jquery检测浏览器名称和版本信息的例子
  • jQuery.proxy向函数中传参的小例子
  • jQuery提交多个表单的小例子
  • jquery获得url参数列表的例子
  • jQuery查看事件内容的小例子
  • jQuery循环array与map小例子
  • jquery 绑定、捕获、拦截回车事件的例子
  • jquery转化Datatable为json数据的例子
  • jquery 获取URL请求参数的小例子
  • jquery 文字上下滚动的小例子
  • jquery链式操作、链式写法的小例子
  • jQuery的对象切换插件 sochange-juqeryplugin iis7站长之家
  • jquery判断浏览器后退时弹出消息的例子
  • jQuery为checkbox、radio赋值的例子
  • jquery隐藏标签、显示标签的例子
  • JQuery checkbox全选的小例子
  • jQuery判断checkbox是否选中的小例子
  • jQuery元素属性attr设置多个键值的例子
  • jQuery 随机展示图片的例子
  • 判断一个对象是否为jquery对象的方法
  • jquery对象和javascript对象即DOM对象相互转换
  • jquey笔记之dom对象与jquery对象互换的例子
  • jquery使用jquery.zclip插件复制对象的实例教程
  • jquery form表单如何序列化为对象
  • jQuery的对象切换插件 sochange-juqeryplugin
  • jquery将一个表单序列化为一个对象的方法
  • jQuery获取当前对象标签名称的方法
  • jquery实现json对象合并
  • jquery获取当前点击对象的value方法
  • jquery form表单序列化为对象的示例代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jquery下拉select控件操作方法分享(jquery操作select)
  • Cookie操作插件 jQuery.Cookie
  • 利用js(jquery)操作Cookie的方法说明
  • jQuery操作select option选项(增加 删除 修改)
  • jquery常用操作小结
  • JQuery操作DOM的笔记
  • jquery链式操作的正确使用方法
  • jQuery操作select下拉框的text值和value值的方法
  • jquery加载完iframe的内容后才进行下一步操作的实现方法
  • jquery操作单选框radio的例子
  • 使用jquery实现IE下按backspace相当于返回操作
  • jquery cookie插件用法 jquery操作cookie的例子
  • 解决jquery操作checkbox火狐下第二次无法勾选问题
  • jquery操作checkbox示例分享
  • Jquery操作radio的小例子
  • jquery操作checkbox实现全选和取消全选
  • Jquery操作html标签及动态添加验证的例子
  • Jquery操作radio的简单实例
  • jQuery 操作下拉列表框的代码举例
  • JQuery操作class属性实现按钮开关效果的例子
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3