已采納回答 / 慕粉木粉
這個是CSS 選擇器.a.current? 指 a標簽的class="current" 是指的a標簽. 例:<a class="current" titile="" href=""></a>(就是a本身)a .current 指 a 標簽的 子標簽 的class="current" ,是指的a標簽內(nèi)所有class="current"的子標簽,例:<a title="" href=""><span class="current"></span>&l...
已采納回答 / 櫻桃小丸子的西瓜
我也有這樣的情況,應(yīng)該是點擊5F的時候,它定位5F在頁面正中,但是用jquery寫的時候,是每一F的上頂部與頁面上頂部距離小于0之后才會將class值賦給對應(yīng)的F。所以你點擊5F顯示在正中,而jq判斷距離頂部大于0,所以class屬性給了4F。參照老師寫的,將m.offset().top-300;判斷時,每一層離頁面頂端300px,就會將class傳給對應(yīng)的F。這種情況就沒有了。表達有點繞,希望能夠幫到你!
已采納回答 / 櫻桃小丸子的西瓜
a標簽的href都指給定了一個#id,這里就找a標簽鏈接中給定的id與currenId相同的那一個a,然后給這個a一個class,這個a的樣式就隨之改變了
不知道有沒有人疑惑為什么沒設(shè)置菜單的點擊事件給他添加類,但是被點擊的那個菜單會變色,這是因為a標簽的錨點事件默認就會觸發(fā)scrollTop事件,在事件中一并處理了
2017-05-01
$("[href=\""+currentId+"\"]").addClass("current");
$("[href='"+currentId+"']").addClass("current");
$("[href='"+currentId+"']").addClass("current");
2017-05-01
最新回答 / 畫心poison
在代碼里寫console.log()就行了,然后在瀏覽器中摁F12,按照下圖設(shè)置,在運行代碼的時候就可以看到了。<...圖片...>
function getByClassName(obj, cls){//定義getByClassName函數(shù),讓函數(shù)實現(xiàn)根據(jù)class name獲取對象并返回
var elements=obj.getElementsByTagName("*");
var result=[];
for(var i=0; i<elements.length;i++){
if(elements[i].className==cls)
{
result.push(elements[i]);
}
}
return result;
}
var elements=obj.getElementsByTagName("*");
var result=[];
for(var i=0; i<elements.length;i++){
if(elements[i].className==cls)
{
result.push(elements[i]);
}
}
return result;
}
2017-04-20
function hasClass(obj, cls) {//正則表達式 查找類
return obj.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));
}
function removeClass(obj, cls) {//如果存在,則刪除
if(hasClass(obj, cls)) {
var reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
obj.className = obj.className.replace(reg, "");
}
}
return obj.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));
}
function removeClass(obj, cls) {//如果存在,則刪除
if(hasClass(obj, cls)) {
var reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
obj.className = obj.className.replace(reg, "");
}
}
2017-04-20
function addClass(obj, cls){//如果不存在,則增加
if(!hasClass(obj, cls)){
obj.className+=" "+cls;
}
}
if(!hasClass(obj, cls)){
obj.className+=" "+cls;
}
}
2017-04-20
window.onload=function(){
window.onscroll=function(){
var top=document.documentElement.scrollTop||document.body.scrollTop;
var menus=document.getElementById("menu").getElementsByTagName("a");
var items=getByClassName(document.getElementById("content"),"item");
window.onscroll=function(){
var top=document.documentElement.scrollTop||document.body.scrollTop;
var menus=document.getElementById("menu").getElementsByTagName("a");
var items=getByClassName(document.getElementById("content"),"item");
2017-04-20