相关疑难解决方法(0)

.prop()vs .attr()

所以jQuery 1.6具有新功能prop().

$(selector).click(function(){
    //instead of:
    this.getAttribute('style');
    //do i use:
    $(this).prop('style');
    //or:
    $(this).attr('style');
})
Run Code Online (Sandbox Code Playgroud)

或者在这种情况下,他们做同样的事情?

如果我有转用prop(),所有的旧attr()电话,如果我切换到1.6将打破?

UPDATE

selector = '#id'

$(selector).click(function() {
    //instead of:
    var getAtt = this.getAttribute('style');
    //do i use:
    var thisProp = $(this).prop('style');
    //or:
    var thisAttr = $(this).attr('style');

    console.log(getAtt, thisProp, thisAttr);
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<div id='id' style="color: red;background: orange;">test</div>
Run Code Online (Sandbox Code Playgroud)

(另见这个小提琴:http://jsfiddle.net/maniator/JpUF2/)

控制台会记录getAttribute作为一个字符串,并attr作为一个字符串,但prop作为一个CSSStyleDeclaration,为什么?这对我未来的编码有何影响?

javascript jquery dom prop attr

2249
推荐指数
14
解决办法
57万
查看次数

使用jQuery清除表单字段

我想清除表单中的所有输入和textarea字段.当使用类的输入按钮时,它的工作方式如下reset:

$(".reset").bind("click", function() {
  $("input[type=text], textarea").val("");
});
Run Code Online (Sandbox Code Playgroud)

这将清除页面上的所有字段,而不仅仅是表单中的字段.我的选择器如何只是实际重置按钮所在的形式?

html forms jquery

386
推荐指数
22
解决办法
87万
查看次数

jQuery/Javascript函数清除表单的所有字段

我正在寻找一个jQuery函数,它将在提交表单后清除表单的所有字段.

我没有要显示的任何HTML代码,我需要一些通用的东西.

你能帮我吗?

谢谢!

javascript jquery

156
推荐指数
6
解决办法
35万
查看次数

如何通过JavaScript重置(清除)表单?

我试过$("#client.frm").reset();但它没有工作.那么如何通过jQuery重置表单?

javascript jquery

119
推荐指数
6
解决办法
29万
查看次数

使用jQuery下载文件

如何在用户单击链接时提示下载.

例如,而不是:

<a href="uploads/file.doc">Download Here</a>
Run Code Online (Sandbox Code Playgroud)

我可以用:

<a href="#">Download Here</a>

 $('a').click... //Some jquery to download the file
Run Code Online (Sandbox Code Playgroud)

这样,Google就不会将我的HREF和私人文件编入索引.

这可以用jQuery完成,如果是这样,怎么样?或者应该用PHP或其他东西来完成?

jquery file download

108
推荐指数
7
解决办法
42万
查看次数

jQuery:清除表单输入

我尝试过不同的方法来清除表单:

<form action="service.php" id="addRunner" name="addRunner" method="post">
First Name: <input type="text" name="txtFirstName" id="txtFirstName" /><br />
Last Name:  <input type="text" name="txtLastName" id="txtLastName" /><br />
Gender: <select id="ddlGender" name="ddlGender"><option value="">--Please Select--</option>
<option value="f">Female</option>
<option value="m">Male</option>
</select><br />
Finish Time:
<input type="text" name="txtMinutes" id="txtMinutes" size="10" maxlength="2">(Minutes)
<input type="text" name="txtSeconds" id="txtSeconds" size="10" maxlength="2">(Seconds)
<br />
<button type="submit" name="btnSave" id="btnSave">Add Runner</button>
<input type="hidden" name="action" value="addRunner" id="action">
</form>
Run Code Online (Sandbox Code Playgroud)

jQuery#1:

function clearInputs(){
$("#txtFirstName").val('');
$("#txtLastName").val('');
$("#ddlGender").val('');
$("#txtMinutes").val('');
$("#txtSeconds").val('');
}
Run Code Online (Sandbox Code Playgroud)

这非常有效.

jQuery#2:

function clearInputs(data){
$("#addRunner :input").each(function(){
$(this).val('');
});
Run Code Online (Sandbox Code Playgroud)

这会清除表单,但不允许我再向其提交任何信息.我尝试再次单击该按钮,它什么也没做.

这是按钮单击处理程序: …

forms console jquery

60
推荐指数
2
解决办法
20万
查看次数

使用jQuery提交后的清晰表单

刷新后清除此表单最简单的方法是什么?我尝试的方式将清除表单但不提交到数据库.有人可以向我解释最好的方法.

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($){
        $("#newsletterform").validate({
            debug: false,
            rules: {
                name: "required",
                email: {
                    required: true,
                    email: true
                }
            },
            messages: {
                name: "Please let us know who you are.",
                email: "A valid email will help us get in touch with you.",
            },
            submitHandler: function(form) {
                // do other stuff for a valid form
                $.post('newsletter.php', $("#newsletterform").serialize(), function(data) {
                    $('#results').html(data);
                });

            }

        });
    });

    </script>

</head>

<div id="content">
    <div id="newsletter-signup">
        <h1>Sign up for News, …
Run Code Online (Sandbox Code Playgroud)

javascript forms jquery

25
推荐指数
3
解决办法
12万
查看次数

清除ASP.net表单中的所有字段

是否有一种简单的方法可以重置表单中的所有字段?

我的asp.net表格中有大约100个控件,还有提交和重置按钮.

当用户点击重置按钮时,如何将字段中的所有值设为null?

我有很多下拉框,文本框,复选框.

asp.net

19
推荐指数
5
解决办法
6万
查看次数

如何清除表格?

例如,我有一个这样的表格:

<form method='post' action='someaction.php' name='myform'>

<input type='text' name='text1'>
<input type='text' name='text2'>

<input type='checkbox' name="check1">Check Me

<textarea rows="2" cols="20" name='textarea1'></textarea>

<select name='select1'>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<input type='reset' value='Reset' name='reset'>
<input type='submit' value='Submit' name='submit'>

</form>
Run Code Online (Sandbox Code Playgroud)

当我按Reset它时清空所有字段.但是如果我使用URL参数填充某些字段然后按Reset,它只会清空我在表单重新加载后输入的字段.

如何在表单加载时填充某些字段时,如何清空所有字段.

html forms reset

18
推荐指数
3
解决办法
8万
查看次数

如何在x-editable表中重置/清除所有过滤器(select2,select,input)?

我想为所有正在使用的过滤器设置一个重置/清除按钮,但我无法弄清楚与该按钮相关的点击事件会触发什么...例如:

在此输入图像描述

为了重置所有这些select2,选择和输入字段并将所有过滤器恢复为空/空值,我需要触发和/或附加并传递给什么?

javascript jquery jquery-select2 x-editable

15
推荐指数
2
解决办法
2万
查看次数

标签 统计

jquery ×8

javascript ×5

forms ×4

html ×2

asp.net ×1

attr ×1

console ×1

dom ×1

download ×1

file ×1

jquery-select2 ×1

prop ×1

reset ×1

x-editable ×1