[B! JQuery] bee23のブックマーク

jQueryを使って入力フォームにサンプル文字を入れておき、フォーカスで消すスクリプト

入力フォームに何を入力していいのか、あらかじめサンプルを入力しておくのがいいと言われます。でも、valueとしてあらかじめ文字を入力しておくと、入力しようとするときにいちいち消す必要があるので面倒です。なので、最初はサンプル文字をいれておき、入力部分にフォーカスがいったときにそれを消すスクリプトを作ってみました。 ◆スクリプト $(function(){ $("input").val("キーワードを入力") .css("color","#969696"); $("input").focus(function(){ if(this.value == "キーワードを入力"){ $(this).val("").css("color","#000"); } }); $("input").blur(function(){ if(this.value == ""){ $(this).val(

bee23 2010/07/14

入力フォームにあらかじめ文字を入れておいて、入力すると消える方法

JQuery

リンク

jQuery 日本語リファレンス

jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );

bee23 2010/05/12

　日本語JQuery

JQuery

リンク

jQuery基礎文法最速マスター[to-R]

jQuery基礎文法最速マスターはやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri