1. 程式人生 > >jquery 如何引入css 檔案

jquery 如何引入css 檔案

今天在做點選按鈕,更換頁面css的問題,遇到了如何通過jquery進入css檔案的問題。

開始用的是這種方法$('a').html('<link href='style.css' rel=='stylesheet'/>');在火狐和Chrome下無任何問題,但是發現在IE下無法引入css.於是自己又找了一個在所有瀏覽器下都相容的引入css的方法。

jQuery('head').append('<link>');
a =jQuery('head').children(':last');
a.attr({
rel: 'stylesheet',
type: 'text/css',
href: 'style.css'
});
經測試,無任何問題!哈哈,問題終於解決了,跟大家分享下!

相關推薦

如何使用Jquery 引入css檔案

如何使用Jquery 引入css檔案:$("head").append("<link>");var toolbarCss = $("head").children(":last");toolbarCss.attr({ rel: "stylesheet", type: "text/css

jquery 如何引入css 檔案

今天在做點選按鈕,更換頁面css的問題,遇到了如何通過jquery進入css檔案的問題。 開始用的是這種方法$('a').html('<link href='style.css' rel=='stylesheet'/>');在火狐和Chrome下無任何問題,但是

CSSModules引入CSS檔案所有class

文章參考 問題場景描述 用react寫專案的時候,從阿里媽媽icon中引入了字型檔案,想通過CSS引入相關字型。在根目錄中直接import './assets/fonts/iconfont.css';,發現字型沒有引入進來,除錯發現相關的class也沒有引入

html引入css檔案和js檔案方式

 <link rel="stylesheet" href="../theme/default/style.css" type="text/css"> 使用link標籤引入css檔案  <script src="../lib/OpenLayers.js"&g

SpringMVC如何引入css檔案

css檔案放在WebContent下,沒有放在WEB-INF路徑下 在jsp中引入如下 執行jsp時css中設定的樣式就是沒有效果,糾結了一上午,終於發現,在spring mvc預設攔截所有請

HTML中引入CSS檔案的幾種方法

 概況來說有以下四種:        1.行內式:也稱內聯式,在標記的style屬性中設定CSS樣式。這種方式沒有體現出CSS的優勢;        2.嵌入式:將CSS樣式集中寫在網頁的<he

如何在vue檔案引入css檔案

 目錄結構 新建vue檔案User.vue <template> <div id="user"> <div class=""> 未引用css檔案渲染樣式{{message}} <

link和@import引入css檔案的區別

link引入css: 1.在頁面載入時,同時也會載入引入的css檔案 2.link是XHTML中的標籤,不存在相容性問題 3.link支援js控制DOM元素去改變樣式,而@import url()不支援 4.link是XHTML標籤,不僅能引入CSS檔案,還能引入其他檔案,

vue-cli搭建的專案引入.css檔案報錯

Module build failed: ParseError: E:\Demo\vuedemo\myvuedemo\node_modules\swiper\dist\css\swiper.css:4:96 1| // style-loader: Adds

ie引入css檔案不起作用問題

問題:在火狐、谷歌都可以正常顯示出來,在別人的IE瀏覽器上也可以正常顯示出來,但是在自己的ie瀏覽器就完全不能載入的熬樣式了 控制檯報告 SEC7113: CSS 因 Mime 型別不匹配而被忽略 答:進入登錄檔編輯器,檢視HKEY_CLASSES_ROOT\.css裡面的Content Type 是否是t

maven項目引入jquerycss等錯

class let default mvc nbsp css request mapping ava 在web.xml中,新增<servlet-mapping> <servlet-name >default </servlet-name

在HTML中引入多個css檔案

在HTML中引入css的兩個方法:匯入式和連結式。 匯入式和連結式的目的都是將一個獨立的css檔案引入一個檔案中,二者的區別不大,事實上,二者最大的區別在於連結式使用html的標記引入外部css檔案,而使用匯入式則是使用css規則引入外部css檔案。因此它們的語法也不同。 1. 連結式

React之樣式設定和CSS檔案引入

CSS樣式分為3種形式:     1、內聯式(行內樣式)   直接在標籤內部宣告樣式                 <div style=" color:red; font-size:16p

CSS檔案的三種引入方式

CSS的引入方式共有三種:行內樣式、內部樣式表、外部樣式表。 一、行內樣式 使用style屬性引入CSS樣式。 示例:<h1 style="color:red;">style屬性的應用</h1><p  style="font-size:14px;color:green;">

vue 引入公共css檔案

1、在入口js檔案main.js中引入,一些公共的樣式檔案,可以在這裡引入。 import Vue from 'vue' import App from './App' // 引入App這個元件 import router from './router' /* 引入路由配

關於在vue中引入jquery或js檔案

起 最近需要在vue中引入jquery,在網上找了若干資料。 以下文章比較靠譜: [參考傳送門1](http://www.jianshu.com/p/3746cf6cebe2) [參考傳送門2](ht

JSP頁面引入外部CSS檔案,重新整理後不起作用如何解決

一般CSS程式碼可以寫在專門的CSS檔案中,然後某個頁面需要時直接呼叫CSS檔案即可。但發現將CSS檔案引入後仍然不起作用。重新整理後無效果。其實只要在<link>標籤裡新增一個charset="utf-8"就可以了。就像下面這樣:<link rel="st

如何在jsp檔案引入css和js檔案

一:如何在jsp頁面中引入css樣式表文件?   1, 首先把寫好的css樣式表內容存為*.css格式。如style.css   2, 在頁面中引入這個css 樣式檔案。用如下的方式引入。   <link rel="stylesheet" href="./css/style.css" type="tex

vue 引入公共css檔案

通過vue-cli 建立好專案目錄後 如果不想把css寫在單檔案元件裡如這樣: <template> <div id="app"> <div class='nav-box'> <ul

xcode,在webView中引入本地html,image,js,css檔案的方法

專案需求 最近開發的專案,需要一個webView,同時這個webView會需要引入一些專案中的資源: 一個本地的html檔案,作為webView的模板兩張loading圖片,在圖片未載入的時候進行佔位jquery.js,scrollLoading.js 也是本地的,實現滾動載入圖片功能然後就開始了漫長的Go