当前位置:  编程技术>WEB前端
本页文章导读:
    ▪jquery根据name属性查找       Java代码 :  ......
    ▪jquery submit()无法提交表单 报错:f[s] is not a function       jquery submit()无法提交表单  报错:f[s] is not a function,   js submit()无法提交表单   报错:document.getElementByIdx_x(...).submit is not a function   这2个错让人很无奈啊,语法没有任何错.........
    ▪JQuery真的不难~第六回 JQ中的异步调用方式~续      回到目录前一篇文章主要介绍了如何通过JQ实现异步数据的访问与操作,写法上是最标准的.ajax完整形式,这讲主要把剩下的简写形式说一下。前言:以下是整理的异步请求时的参数说明 .........

[1]jquery根据name属性查找
    来源: 互联网  发布时间: 2013-11-06
Java代码 : 
  • $("div[id]")              选择所有含有id属性的div元素   
  • $("input[name='newsletter']")    选择所有的name属性等于'newsletter'的input元素   
  •    
  • $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素   
  •    
  • $("input[name^='news']")         选择所有的name属性以'news'开头的input元素   
  • $("input[name$='news']")         选择所有的name属性以'news'结尾的input元素   
  • $("input[name*='man']")          选择所有的name属性包含'news'的input元素   
  •    
  • $("input[id][name$='man']")    可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素   
  • 例如:$(":input[name='login']") 表示查找的是name为login的表单

    原文来自站长网http://www.software8.co/wzjs/jquery/2711.html

    作者:newzzorg 发表于2013-1-18 11:15:14 原文链接
    阅读:0 评论:0 查看评论

        
    [2]jquery submit()无法提交表单 报错:f[s] is not a function
        来源: 互联网  发布时间: 2013-11-06
    jquery submit()无法提交表单 
    报错:f[s] is not a function,
     
    js submit()无法提交表单  
    报错:document.getElementByIdx_x(...).submit is not a function
     
    这2个错让人很无奈啊,语法没有任何错误,怎么能报错呢?
    因为以前重来没有遇到过,这次是在改别人的代码,回头看了看代码,我靠原来有个按钮的name="submit",把它删掉就能正常提交表单了。
     
    为什么呢?应该是一个type="submit"的Input才会影响表单提交啊!我向可能name="submit"系统会认为这个才是真正的提交按钮吧,但是点它又不会提交!?虽然还不知道它的原理,大家知道有这个bug以后注意就好了..
    作者:JiaLiSOFTWARE 发表于2013-1-18 11:14:05 原文链接
    阅读:0 评论:0 查看评论

        
    [3]JQuery真的不难~第六回 JQ中的异步调用方式~续
        来源:    发布时间: 2013-11-06

    回到目录

    前一篇文章主要介绍了如何通过JQ实现异步数据的访问与操作,写法上是最标准的.ajax完整形式,这讲主要把剩下的简写形式说一下。

    前言:以下是整理的异步请求时的参数说明

     //$ajax异步通用参数说明,[]里面的参数是可以省略的
    //url,[data],[callback],[type]
    //data:待发送 Key/value 参数。
    //callback:载入成功时回调函数。
    //type:返回内容格式,xml, html, script, json,

    $.load() 载入远程 HTML 文件代码并插入至 DOM 中

        //$.load格式
    //url,[data,[callback]]
    $("#load").load("ajaxData.htm");

    $.get() 向指定页面发GET请求

         //$.get格式
    $.get("ajaxData.htm", function (data) {
    $("#gets").html(data);
    }, "html");

    $.getJSON() 向指定页面获取JSON对象

         //$.getJSON格式
    //url, [data], [callback]
    $.getJSON("img.js", function (json) {
    alert("OK");
    $("#getjsons").attr({ "src": json[0].src, "alt": json[0].alt });
    });

    $.getScript() 装载指定JS文件

         //$.getScript格式
    //url, [callback]
    $.getScript("img.js", function () { alert("img.js装载成功!") });

    $.post() 向指定页面发POST请求

    //$.post格式
    //url,[data],[callback],[type]
    $.post("test.ashx", { name: "John", time: "2pm" }); //普通参数
    $.post("test.ashx", $("#testform").serialize()); //表单参数(序列化表单参数,实现上把参数用&分开的)

    $.serialize() 序列化表单元素

    <form>
    <input type="text" name="name" value="zzl"/><input type="text" name="email" value="bfyxzls@sina.com" checked="checked"/><input type="test" name="addr" value="fangshan.beijing" checked="checked"/></form>
    console.log($("form").serialize());

    $.serializeArray() 序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。

    console.log($("form").serialize());

    结果为:

    [
    {name: 'name', value: 'zzl'},
    {name: 'email', value: 'bfyxzls'},
    {name: 'addr',value:'fangshan.beijing'}
    ]

    恩,关于JQ的异步操作讲到这里也差不多了,非常感谢您的阅读!

    回到目录

    本文链接


        
    最新技术文章:
    ▪css white-space:nowrap属性用法(可以强制文字不...
    ▪IE里button设置border:none属性无效解决方法
    ▪border:none与border:0使用区别
    ▪html清除浮动的6种方法示例
    ▪三个不常见的 HTML5 实用新特性简介
    ▪css代码优化的12个技巧
    ▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
    ▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
    ▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
    ▪小技巧处理div内容溢出
    ▪html小技巧之td,div标签里内容不换行
    ▪纯CSS实现鼠标放上去改变文字内容
    ▪li中插入img图片间有空隙的解决方案
    ▪CSS3中Transition属性详解以及示例分享
    ▪父div高度不能自适应子div高度的解决方案
    ▪告别AJAX实现无刷新提交表单
    ▪从零学CSS系列之文本属性
    ▪HTML 标签
    ▪CSS3+Js实现响应式导航条
    ▪CSS3实例分享之多重背景的实现(Multiple background...
    ▪用css截取字符的几种方法详解(css排版隐藏溢...
    ▪页面遮罩层,并且阻止页面body滚动。bootstrap...
    ▪CSS可以做的几个令你叹为观止的实例分享
    ▪详细分析css float 属性以及position:absolute 的区...
    ▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
    ▪CSS小例子(只显示下划线的文本框,像文字一...
    ▪可以给img元素设置背景图
    ▪不通过JavaScript实现的自动滚动视差效果
    ▪div+CSS 兼容小摘
    ▪CSS的inherit与auto使用分析
     


    站内导航:


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

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

    浙ICP备11055608号-3