美文网首页程序员
[jQuery]数据隐藏传递

[jQuery]数据隐藏传递

作者: 我胖故我壮 | 来源:发表于2019-12-24 20:06 被阅读0次
  • 方法一:通过input标签的type="hidden"传递
        <!-- 获取value的值V1 -->
        <input type="hidden" name="name1" id="" value="v1" />
        <input type="button" value="点击按钮" />
        
        <script type="text/javascript">
            $("[type=button]").click(function(){
                alert($("[name=name1]").val())
            });
        </script>

type="hidden"表示这个input标签被隐藏了

  • 方法二:通过在任意标签内添加attr的值实现
       <!-- 获取value的值V1 -->
        <p t1="v1"></p>
        <input type="button" name="" id="" value="点击按钮" />
        
        <script type="text/javascript">
            $("[type=button]").click(function(){
                alert($("p").attr("t1"));
            });
        </script>

如上,我们把要传递的值放在p标签中,可以自定义起一条名为t1,值为v1的数据,js中可以用attr给自定义的t1赋值或者获取t1的值。

        $("p").attr("t1","vv"); //给t1赋值 
        $("p").attr("t1");  //获取t1的值

相关文章

  • [jQuery]数据隐藏传递

    方法一:通过input标签的type="hidden"传递 type="hidden"表示这个input标签被隐藏...

  • 0.JS

    0.表单: HTML jQuery代码: 1.查处隐藏的或者是不隐藏的 2.jQuery获取表单中的数据 3.js...

  • jQuery 效果

    目录 jQuery 隐藏/显示jQuery 淡入淡出jQuery 滑动jQuery 动画jQuery Callba...

  • jQuery事件与动画

    jQuery绑定事件的方法 .on() 为其传递数据时只需在事件类型后添加json数据即可 解绑事件.off() ...

  • JQuery与JavaScript隐藏显示元素

    JQuery隐藏显示元素 JavaScript显示隐藏元素

  • Vue实现todolist删除功能

    子组件向父组件传递数据使用 this.$emit('delete',this.index)该方法 Jquery实现添加值

  • jQuery效果总结

    隐藏/显示jQuery hide()和show(): jQuery toggle(): 淡入淡出fadeIn()、...

  • jQuery

    jQuery 语法实例 $(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML ...

  • jQuery记录

    jQuery 语法实例 $(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML ...

  • jQuery

    jQuery 描述 主要的 jQuery 函数是 $() 函数(jQuery 函数)。如果您向该函数传递 DOM ...

网友评论

    本文标题:[jQuery]数据隐藏传递

    本文链接:https://www.haomeiwen.com/subject/cbifoctx.html