jQuery CSS Operation - height() method

Kisanii cha Kifaa cha CSS

Mifano

Kumtegemea ukubwa wa kina ya <p> elementi:

$(".btn1").click(function(){
  $("p").height(50);
});

Tenda kwa matokeo

Inasikitisha na matumizi

Methodi height() inatumia kumtegemea au kumaliza ukubwa wa kina wa elementi zilizoonekana.

Inatumia ukubwa wa kina

Inatumia ukubwa wa kina wa elementi ya kwanza zilizoonekana.

Kama haingizwe thamani kwa methodi hii, inatumia ukubwa wa kina wa elementi zilizoonekana kwa ukosemu wa pixeli.

Inasikitisha

$(selector).height()

Tenda kwa matokeo

Kumtegemea ukubwa wa kina

Kumtegemea ukubwa wa kina wa elementi zote zilizoonekana.

Inasikitisha

$(selector).height(length)
Paramaga Inasikitisha
length

Inayohusiana. Inasaidia kumtegemea ukubwa wa elementi.

Kama ukoseaji wa ukosemu, tumia ukoseaji wa px kama ukosemu wa ukoseaji wa ukubwa wa kina.

Tenda kwa matokeo

Tumia function kwa kumtegemea ukubwa wa kina

Tumia function kwa kumtegemea ukubwa wa kina wa elementi zote zilizoonekana.

Inasikitisha

$(selector).height(function(index,oldheight))
Paramaga Inasikitisha
function(index,oldheight)

Inaeleza function inayotumika kwa kutoa ukubwa wa kina wa kila elementi hivi karibuni.

  • index - inayohusiana. Inaingia nafasi ya kuchaguliwa ya index
  • oldvalue - inayohusiana. Inaingia thamani wa kuchaguliwa hivi karibuni.

Tenda kwa matokeo

Mifano mengi

Kufikia ukubwa wa kina wa document na window
Tumia methodi height() kwa kufikia ukubwa wa kina wa document na window.
Tumia em na % kwa kumtegemea ukubwa wa kina
Tumia ukoseaji wa angalau ya umbo wa ukubwa wa kina kumtegemea elementi.

Kisanii cha Kifaa cha CSS