JQuery đặt biến CSS

Xem kịch bản thực tế là tôi muốn một hàm js lấy một bên làm đầu vào và hành động tương ứng, ý tôi là nó có thể vẽ một hình tam giác

Kiểm tra nó ở đây

vì vậy tôi quan sát cẩn thận bốn hình tam giác và tôi đã đi đến một số kết luận

• Trong đường viền trên cùng của tam giác không được sử dụng
• Trong tam giác, đường viền dưới cùng không được sử dụng

và điều tương tự cũng xảy ra với trái và phải

Vì vậy, bây giờ vấn đề là nếu muốn một hình tam giác có đáy ở dưới và đỉnh hướng lên trên thì chúng ta phải gửi một cạnh trên cho hàm để nó hoạt động phù hợp

nhưng theo kết luận của tôi, cạnh mà chúng ta lấy làm đối số không được sử dụng để tạo tam giác, vì vậy điều tôi đã làm là lấy tất cả các cạnh trong một mảng có tên là các cạnh

var sides = ["top", "right", "bottom", "left"];     

sau đó tôi muốn xóa cạnh được truyền dưới dạng đối số, giả sử ai đó gọi là hàm tam giác ("đỉnh") vì vậy chúng tôi phải xóa cạnh đó vì nó không được sử dụng trong hàm (kết luận). vì vậy tôi đã sử dụng for look cho cùng

for (i = 0; i < 4; i++) {      //expect is the input i.e argument.
        if (sides[i] == except) {
            delete sides[i];
            sides.splice(i, 1);
        }
    }

Điều tiếp theo mà tôi muốn làm là điều chỉnh đường viền sao cho đỉnh của tam giác được điều chỉnh, ý tôi là (xem liên kết) các thuộc tính mà tôi đang nói đến…

vì vậy hãy giúp tôi trong việc này,. . )

Huh. . P

bây giờ câu hỏi của tôi là

chúng ta có thể sử dụng cái này ???

var a ="border-top";
    $('.ram').css({" + a + ": "5px solid red"});

Cảm ơn…. . )
P. S–> Tôi là người mới bắt đầu học js và muốn tìm hiểu điều gì đó, đó là lý do tại sao tôi đang thử logic của riêng mình. Vì vậy, xin vui lòng cho tôi nếu tôi đã gõ sai một cái gì đó. . ). )
xoáy

ngày 20 tháng 6 năm 2014 lúc 2. 37 giờ sáng #173236

Hội viên

Tại sao lại xóa đường viền không được sử dụng khi bạn có thể đặt nó thành 0?

Điều đó sẽ không dễ dàng hơn sao?

Tôi thú nhận là tôi khá vô dụng với JS. . )

ngày 20 tháng 6 năm 2014 lúc 2. 37 giờ sáng #173237

người tham gia

Toàn bộ mã của tôi. Nó có thể chứa lỗi hoặc một số logic trẻ con nhưng tôi đang ở giai đoạn đầu tôi không biết nhiều về javascript

Khi bạn đang sử dụng Nhiều thuộc tính css với jQuery thì bạn phải sử dụng Dấu ngoặc nhọn ở đầu và cuối. Bạn đang thiếu dấu ngoặc nhọn kết thúc

Đặt giá trị của biến CSS. Để đặt giá trị của biến CSS bằng JavaScript, bạn sử dụng setProperty trên thuộc tính style của documentElement. tài liệu. tài liệuElement. Phong cách. setProperty('--my-biến-tên', 'hồng');

Hàm var() dùng để chèn giá trị của một biến CSS. Các biến CSS có quyền truy cập vào DOM, nghĩa là bạn có thể tạo các biến có phạm vi cục bộ hoặc toàn cầu, thay đổi các biến bằng JavaScript và thay đổi các biến dựa trên truy vấn phương tiện. Một cách hay để sử dụng các biến CSS là khi nói đến màu sắc của thiết kế của bạn

Khi đang sử dụng. css() làm trình thiết lập, jQuery sửa đổi thuộc tính kiểu của phần tử. Ví dụ: $( "#mydiv"). css("color", "green") tương đương với tài liệu. getElementById("mydiv"). Phong cách. màu = "xanh"

Bạn không cần xác định kiểu trong CSS của mình, bạn có thể làm điều này. $('. trình diễn'). chiều cao(navHeight); . Sau đó, bạn có thể áp dụng chiều cao này cho lớp hiển thị của mình bằng jQuery này

Nó có thể được chuyển thành một chuỗi như thế này. Sao chép mã. css = 'vị trí. tuyệt đối, hàng đầu. 0, trái. 300, chiều rộng. 300px'; . css (css); . Thậm chí không có biến css với 2 từ. Những ví dụ bao gồm. Sao chép mã

Các biến trong CSS phải được khai báo trong bộ chọn CSS xác định phạm vi của nó. Đối với phạm vi toàn cầu, bạn có thể sử dụng. root hoặc bộ chọn cơ thể. Tên biến phải bắt đầu bằng hai dấu gạch ngang (--) và phân biệt chữ hoa chữ thường. Cú pháp của hàm var() như sau. var ( tên tùy chỉnh, giá trị) Giá trị. Sự miêu tả

Kể từ jQuery 1. 9, chuyển một mảng các thuộc tính kiểu tới. css() sẽ dẫn đến một đối tượng gồm các cặp thuộc tính-giá trị. Ví dụ: để truy xuất tất cả bốn giá trị độ rộng đường viền được hiển thị, bạn sẽ sử dụng $( sơ cấp ). css([ "BorderTopWidth", "BorderRightWidth", "BorderBottomWidth", "BorderLeftWidth" ])

Phương thức position() trả về vị trí (so với phần tử cha của nó) của phần tử được so khớp đầu tiên. Phương thức này trả về một đối tượng có 2 thuộc tính;

Phương thức position() lấy vị trí trên cùng và bên trái của một phần tử so với phần tử gốc offset của nó. Đối tượng được trả về chứa hai thuộc tính Số nguyên, trên cùng và bên trái. Để tính toán chính xác, đảm bảo sử dụng các giá trị pixel cho lề, đường viền và phần đệm. Phương pháp này chỉ hoạt động với các phần tử hiển thị

Giải pháp CSS tiêu chuẩn cho việc này là sử dụng thủ thuật định vị tuyệt đối bên trong thủ thuật định vị tương đối. Tóm lại, bạn có thể sử dụng đặt định vị tương đối (hoặc thực sự là bất kỳ vị trí nào không phải là định vị tĩnh mặc định) trên một phần tử và sau đó định vị hoàn toàn các phần tử con của phần tử đó trong ngữ cảnh đó

Các. Phương thức position() cho phép chúng ta truy xuất vị trí hiện tại của một phần tử (cụ thể là hộp lề của nó) so với phần tử gốc được bù (cụ thể là hộp đệm của nó, loại trừ lề và đường viền). Tương phản điều này với. offset(), truy xuất vị trí hiện tại so với tài liệu

Nếu bạn cung cấp bộ chọn hoặc đối tượng jQuery, phần tử phù hợp đầu tiên sẽ được sử dụng. Giao diện người dùng jQuery. Phương thức vị trí () cho phép bạn định vị một phần tử so với cửa sổ, tài liệu, phần tử khác hoặc con trỏ/chuột mà không phải lo lắng về cha mẹ bù đắp. Ghi chú. Giao diện người dùng jQuery không hỗ trợ định vị các phần tử ẩn

Để thống nhất, bạn chỉ cần sử dụng "float" và jQuery sẽ dịch nó thành giá trị chính xác cho từng trình duyệt. Ngoài ra, jQuery có thể diễn giải như nhau định dạng CSS và DOM của các thuộc tính nhiều từ. Ví dụ: jQuery hiểu và trả về giá trị chính xác cho cả hai. css ("màu nền") và. css ("màu nền")

Sử dụng các điều khiển biểu mẫu để định cấu hình định vị hoặc kéo phần tử được định vị để sửa đổi phần bù của nó. Kéo xung quanh phần tử gốc để xem tính năng phát hiện va chạm đang hoạt động

Nếu bạn phải thực hiện một thao tác tương tự nhiều lần, thì. Chọn tất cả các thành phần vào một biến jQuery duy nhất như các câu trả lời khác nói (giải pháp không linh hoạt). Thêm một lớp chung cho tất cả các biến và sau đó thao tác trên lớp đó (giải pháp động)

3 cách để áp dụng nhiều kiểu CSS cho phần tử HTML với jQuery. jQuery áp dụng nhiều kiểu CSS cho phần tử HTML bằng cách sử dụng ba hàm là css(), attr() và addClass(). Trong bài đăng này, bạn sẽ tìm hiểu ba phương pháp này với các ví dụ trực tiếp để thêm CSS nhiều kiểu vào các phần tử HTML

Ngoài ra, jQuery có thể diễn giải như nhau định dạng CSS và DOM của các thuộc tính nhiều từ. Ví dụ: jQuery hiểu và trả về giá trị chính xác cho cả hai. css({ "màu nền". "#ffe", "đường viền bên trái". "5px solid #ccc" }) và. css({màu nền. "#ffe", viền Trái. "5px rắn #ccc" }). Lưu ý rằng với ký hiệu DOM, dấu ngoặc kép xung quanh tên thuộc tính là tùy chọn, nhưng với ký hiệu CSS, dấu ngoặc kép là bắt buộc do có dấu gạch ngang trong tên

Nếu cần thay đổi, bạn chỉ cần chỉnh sửa một quy tắc CSS duy nhất thay vì nhiều quy tắc. Cách tiếp cận này tiết kiệm thời gian và rắc rối. Điểm mấu chốt. Nhóm các bộ chọn CSS giúp tăng hiệu quả, năng suất, tổ chức và trong một số trường hợp, thậm chí cả tốc độ tải

David, mã của bạn hoạt động, nhưng nó không cần thiết nếu bạn đang nghĩ đến khả năng sử dụng lại. Nếu bạn định sử dụng lại các yêu cầu AJAX đó trong tương lai, hãy đặt chúng vào một hàm và trả về đối tượng lời hứa cho mỗi lệnh gọi AJAX

Các biến CSS cho phép chúng ta khai báo các biến để lưu trữ các giá trị được sử dụng nhiều lần như mã màu và họ phông chữ. Sau đó, chúng ta có thể sử dụng lại biến ở nhiều nơi thay vì lặp lại các mã màu và họ phông chữ giống nhau trong toàn bộ biểu định kiểu. Ngoài ra, nó trở nên dễ dàng thay thế các giá trị trong tương lai nếu cần

Làm cách nào để thay đổi giá trị của CSS bằng jQuery?

Làm cách nào để thay đổi biến gốc CSS bằng jQuery?

Cách lấy giá trị thuộc tính CSS trong jQuery?

Làm cách nào để áp dụng CSS cho biến JavaScript?