Tôi có theo HTMLjQuery Nhận các phần tử màu?
<div>This is some <span>special <a href="#">text</a></span> and it's super</div>
Và CSS
span {color:#333;}
a {color:#777;}
a:hover {color:#AAA;}
tôi tự hỏi những gì tôi có thể sử dụng để thiết lập một chức năng mà tôi có thể trích xuất các màu sắc của < một > và < một >: yếu tố di chuột?
Cảm ơn
Sử dụng phương thức .css() trên phần tử bạn muốn truy xuất.
Trong ví dụ của bạn:
var theColorIs = $('a').css("color");
Mà sẽ trả lại màu sắc trong RGB.
Để có được CSS thuộc tính màu sắc của tất cả các yếu tố mà bạn có thể sử dụng css JQuery() chức năng:
$('a').each(function(index) {
alert($(this).css('color'));
});
này sẽ lặp qua tất cả các yếu tố neo trên trang và cho bạn biết Thuộc tính màu CSS của chúng.
hey chỉ cần tự hỏi - làm thế nào tôi sẽ làm điều này cho nhiều yếu tố? i.e.var theColorIs = $ ('a'). css ("màu", "cỡ chữ"); vì điều đó dường như không hoạt động? – Tom
Nếu bạn chuyển đối số thứ hai cho css(), nó sẽ đặt thuộc tính css được chỉ định. Ví dụ: để đổi màu thành màu xanh, bạn có thể nói: $ ('a'). Css ('color', 'green') Nếu bạn muốn truy cập nhiều thuộc tính CSS của một phần tử, bạn sẽ có để thực hiện cuộc gọi đến css() nhiều lần: $ ('a'). css ('color); $ ('a'). Css ('font-size'); Để biết thêm thông tin, hãy đọc tài liệu được đăng trong câu trả lời khác :) – Josiah
cảm ơn rất tốt. bệnh kiểm tra nó ra – Tom
nps. không lấy ví dụ của tôi theo nghĩa đen - ví dụ của tôi sẽ thực sự trả về một tập hợp các phần tử 'a'. chỉ cần sửa đổi nó để sử dụng của bạn. – RPM1984
hey chỉ cần tự hỏi - làm thế nào tôi sẽ làm điều này cho nhiều yếu tố? i.e.var theColorIs = $ ('a'). css ("màu", "cỡ chữ"); vì điều đó dường như không hoạt động? – Tom