個人練習用jQuery基本例文集：その１

($(".navi").click(function () { $(".bnavi").removeClass("active"); });)

$(".navi").click(function () { $(".bnavi").removeClass("active"); });

(if($('li').hasClass('close') { $('li').removeClass('close'); })

if($('li').hasClass('close') { $('li').removeClass('close'); }

($(".btn").click(function () { $(this).addClass("active"); });)

$(".btn").click(function () { $(this).addClass("active"); });

($(".btn").click(function () { $(this).toggleClass("active"); });)

$(".btn").click(function () { $(this).toggleClass("active"); });

($('.acc').children().addClass('active');)

$('.acc').children().addClass('active');

($(".btn").click(function())

$(".btn").click(function()

({$("table").find(".n").css("backgroundColor", "#ccc"); });)

{$("table").find(".n").css("backgroundColor", "#ccc"); });

($('.list').fadeIn(500); $("#logo").fadeOut(1000);)

$('.list').fadeIn(500); $("#logo").fadeOut(1000);

($('.btn').click(function(){ $('.article-block').hide(); });)

$('.btn').click(function(){ $('.article-block').hide(); });

($('.title').on('click', function() { $('.box').slideDown(500); });)

$('.title').on('click', function() { $('.box').slideDown(500); });

($('.title').on('click', function() { $('.box').slideUp(500); });)

$('.title').on('click', function() { $('.box').slideUp(500); });

($('.title').on('click', function() { $('.box').slideToggle(500); });)

$('.title').on('click', function() { $('.box').slideToggle(500); });

($('#top').click(function ())

$('#top').click(function ()

({ $('body,html').animate({ scrollTop: 0 }, 500); return false; });)

{ $('body,html').animate({ scrollTop: 0 }, 500); return false; });

($('.be-chil').children('ul').css("display","block");)

$('.be-chil').children('ul').css("display","block");

($('#page-link a').click(function ())

$('#page-link a').click(function ()

({ var elmHash = $(this).attr('href');)

{ var elmHash = $(this).attr('href');

(var pos = $(elmHash).offset().top;)

var pos = $(elmHash).offset().top;

($('body,html').animate({scrollTop: pos}, 500); return false; });)

$('body,html').animate({scrollTop: pos}, 500); return false; });

($("#box").append('<ul class="pagination">');)

$("#box").append('<ul class="pagination">');