Việc canh giữa thành phần con theo chiều dọc và cả theo chiều ngang bằng CSS trở nên phức tạp, với jQuery bạn có thể thực hiện dễ dàng hơn với cách dùng đơn giản hơn.
Tag: layout
Thêm thành phần với .before()
Layout | Gửi bình luậnĐôi khi muốn thêm một thành phần vào trước thành phần đã có, có khi cần nhiều cách xử lý chuỗi, hay kết hợp nhều thành phần khác nhau, ở jQuery có cung cấp cho chúng ta cách tiếp cần dễ hơn với .before().
Thêm thành phần với .after()
Layout | Gửi bình luậnThêm mới một thành phần ngay sau thành phần đã tồn tại, không gì hay bằng .after().
Thêm thành phần với .append()
Layout | Gửi bình luậnNếu việc thêm một thành phần gây mất thời gian cho bạn khi phải lấy giá trị và cộng chuỗi, thì jQuery cung cấp một function đơn giản hơn .append().
Thêm thành phần với .appendTo()
Layout | Gửi bình luậnĐể thêm hoặc di chuyển một thành phần mới tới thành phần đã tồn tại, chúng ta có thể làm nhiều cách khác nhau, một trong cách hữu dụng mà đơn giản là dùng .appendTo().
Tiêu đề với background bo góc tròn
Tiêu đề | Gửi bình luậnTrong một số design có sử dụng image có góc tròn, hay có độ lặp lại, nếu dùng được border-radius thì tốt, nhưng nếu là design đặc biệt thì việc dùng background image cũng hết sức cần thiết.
Tiêu đề với background icon nằm bên phải
Tiêu đề | Gửi bình luậnViệc xử lý background icon như thế nào sẽ tác động đến bộ mặt của trang web, vì tiêu đề thường đưa thông tin quan trọng, và có nhiều dạng như nhau trong cùng một trang. Icon nằm bên phải cũng là một dạng thường dùng.
Tiêu đề với dòng text giải thích
Tiêu đề | Gửi bình luậnĐôi lúc việc giải nghĩa thêm cho một tiêu đề là cần thiết, giúp cho user hiểu rõ nghĩa hơn nội dung cần nói về cái gì.
Tiêu đề với background là một icon
Tiêu đề | Gửi bình luậnCách thực hiện tiêu đề có icon, sử dụng image cũng tốt, tuy nhiên dùng background sẽ làm tối giản souce code html, giúp ích cho SEO.
Tiêu đề với background-image
Tiêu đề | Gửi bình luậnSử dụng background-image cho tiêu đề, là một kỹ thuật đơn giản nhưng sẽ giúp nhiều trong việc làm hấp dẫn hơn cho một tiêu đề.
Lấy nội dung bằng .html()
Layout | Gửi bình luậnTrong jQuery có một hàm rất hữu dụng trong việc lấy nội dung của các thành phần html, đó chính là .html() – đơn gian, dễ sử dụng.
Tiêu đề cơ bản
Tiêu đề | Gửi bình luậnMột số dạng tiêu đề cơ bản, thường dùng, chỉ vài dòng code HTML/CSS nhưng mang lại hiệu quả tốt.