2012-09-30 39 views
11

làm thế nào để làm điều này:đầu vào [type = "submit"] trong jQuery

input[type="submit"] { 
    color:green; 
} 

trong jQuery?

$('input[type="submit"]').css("color","green"); 

không hoạt động: |

+2

Làm việc cho tôi: http://jsfiddle.net/Blender/JRMhM/ – Blender

+1

Điều này sẽ hoạt động, tuy nhiên bạn có thể thử [': submit'] (http://api.jquery.com/submit-selector/) bộ chọn – Zbigniew

+1

Tôi khuyên bạn nên đọc [Hướng dẫn jQuery] (http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery) để giúp bạn bắt đầu: * "Như hầu hết mọi thứ chúng ta làm khi sử dụng jQuery đọc hoặc thao tác mô hình đối tượng tài liệu (DOM), chúng tôi cần đảm bảo rằng chúng tôi bắt đầu thêm sự kiện, v.v. ngay khi DOM sẵn sàng. Để thực hiện việc này, chúng tôi đăng ký sự kiện sẵn sàng cho tài liệu. "*. Sau đó, tự làm quen với API bằng cách đọc http://api.jquery.com/. –

Trả lời

17

Có thể vì nó đang kích hoạt trước khi jQuery "sẵn sàng". Hãy thử điều này:

$(function() { 
    $('input[type="submit"]').css("color","green"); 
}); 
1

Nhưng jquery phải tải nó trước khi điều này

Bạn cũng có thể làm điều này bằng cách thêm id hoặc lớp trong nộp

$('#submit_id/.submit_class').css("color","green"); 
3

Dùng css đơn giản thay vì javascript

input[type="submit"]{ 
     color: green; 
     cursor: pointer; 
     font: bold 12px Helvetica,Arial,sans-serif; 
    } 
-1

Hãy thử thêm điều này:

$("form").submit(function(event) { 
    event.preventDefault(); 
}); 

Có thể mã ban đầu của bạn đang hoạt động, nhưng vì trang tải lại bình thường khi bạn nhấp vào nút gửi trong biểu mẫu, hành động đó sẽ ngăn bạn thấy thay đổi của mình.

Các vấn đề liên quan