原创 jquery 屬性操作 attr( ) prop()css( )區別

一 attr () 和 prop( ) 操作屬性 談談我的總結: 1 屬性的定義,根據W3C手冊所述:屬性包括,標準屬性:id class style title 語言屬性 lang dir以及某些特定的元素的固有的屬性,比如

原创 jquery height() innerHeight () outerHeight( )

一 看解釋: 1 height( )只可以獲取內容高度,也就是原本設置的height高度值,或者由內容撐開的高度值 2 innerHeight( ) ,獲取的高度包括,padding不包括邊框 3 outerHeight( ),獲取

原创 attr( ) prop 獲取 input 的 checked屬性值(特殊)

在jQuery中應該使用prop方法來獲取和設置checked屬性,不應該使用attr,需要的朋友可以參考下 1、prop方法獲取、設置checked屬性 <input type="checkbox" name="checkboxMain

原创 margin auto position 居中問題

margin auto position定位使盒子居中 建議先讀一下這篇position定位的基準: http://blog.csdn.net/qq_35809245/article/details/53637512 positi

原创 position定位不設置left top 等值,以及position定位的百分比取值

一 ,position定位基準問題這裏就不在贅述,子元素定位是以其整體 (margin+border+padding+width height)整體外邊界爲基準相對於設置了除static定位的其他定 位的父元素的width height

原创 background-position 百分比問題,精靈圖的實現

background-position 一 當給一個元素設置背景圖片的時候,背景圖片的background-position可以設置背景圖片的位置:有以下幾種方式: 語法: background-position : length |

原创 opacity raba 的區別

一 opacity和rgba 改變透明度的區別 需要注意,rgba() 僅僅改變的是背景的透明度, 不會對文本造成影響,不具有繼承性 然而,opacity 不僅會改變背景的透明度, 還會改變文本的透明度,並且具有繼承性 二 代

原创 transition transform 的rotate 和 translate的關係

Transform(3d):x軸向右是正方向,y軸向下是正方向,z軸垂直向外是正方向;注意transform:rotate(angle),可以使元素髮生旋轉,發生旋轉之後的元素,其對應的 x y z的方向指向會發生變化,本文重點講解

原创 transition transform body漸變色的填充方法

transition transform 效果進階1 body如何漸變色填充 一 transition的拆分寫 明確其擁有的四個屬性值 transition-property 發生漸變效果的屬性 transition-

原创 line-height 百分比和數值設置行高

一、line-height的值爲百分比 子集元素繼承父級元素的距離 1、例如 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D

原创 原生js中獲取offset系列值 和 jquery中獲取 offset()的區別

一 :關於offset系列的值 http://blog.csdn.net/qq_35809245/article/details/53981843 建議大家先看這篇文章,理解offset取值的問題這裏簡單介紹下: 1 如果父元素有定位,

原创 offset系列淺析

一 先看定義: 1 offsetParent:HTMLElement.offsetParent 是一個只讀屬性,返回一個指向最近的(closest,指包含層級上的最近)包含該元素的定位元素。如果沒有定位的元素,則 offsetParen

原创 jQuery position( ) DOM

position() jquery DOM 一 相關position定位基準建議回顧: http://blog.csdn.net/qq_35809245/article/details/53637512 1 DOM 中獲取元素定位

原创 first-child first-of-type last-child last-of-type 僞類選擇器總結

僞類選擇符 一 先看定義: E:first-child{ } :匹配父元素的第一個子元素E。 要使該屬性生效,E元素必須是某個元素的子元素,E的父元素最高是body,即E可以是body的子元素 注意兩點 第一 E 必須是某個

原创 obj.currentStyle.property、window.getComputedStyle(obj,null).property、obj.style.property 獲取與元素屬性的總結

一 :先看定義: 1 obj.style.property 是一個可讀可寫的,不僅可以獲取屬性的值,而且可以改變屬性的值; 但是需要注意的是此方法只能獲取內嵌在行內元素的屬性值,而不能獲取內聯在 style 標籤