jQueryのいくつかの小さな方法について
いくつかのjsが学んだ小さな知識の総括
1.ラベルの内容とラベルに設定された内容を取得します(jQueryツール).
①このタグの中の内容を取得するには$("#id")を用いることができる.html()を取得する、同様に、設定は$("#id")を通過することができる.html(「内容」)設定.
②inputのコンテンツを取得し、そのコンテンツを設定するにはval()を使用します.
③一般的には、一対のタグにコンテンツを設定し、コンテンツを取得するためのhtml()を用いる.
④
aaa
bbb
選択したラベルの中央のテキスト:$("#selectId option:selected")を取得します.text()
選択するラベルのvalue属性の値:$("#selectId option:selected")を取得します.val()
2.ラベルにプロパティを設定し、attrを使用します.
Inputのcheckboxタイプは、チェックボックスが選択されているかどうかを判断します.
$("input[name='inputname']").each(function(index,obj){//ループ
if($(obj).is("checked"){//選択されているかどうかを判断
...
}
})
選択した値を空にします:$(「input[name='inputname']).attr('checked',false)
複数のinputラベルの名前は同じで、名前で同時に選択できます.
3.ラベルに内容を追加し、append()メソッドで
例:①すべてのラベルに追加するもの:$("p").append("Hello world!");
②特定のラベルに追加するもの:$("#idname").append("Hello world!");
4.ページジャンプ、フロントエンドページでurlパスを除いて、ある操作でページにジャンプしたい場合は、次のことができます.
window.location.href=「ジャンプするページのパス」;ジャンプを実現します.
5.フロントエンドページでは、リクエストパスに何かを追加してバックグラウンドに転送できます.
例:「/aa/bb/cc?id=?」+idの値は、idの値をバックグラウンドに伝えることができます.
6.変数を空にする.
var nameisnull=空を判定する変数名.replace(/(^\s*)|(\s*$)/g, '');//スペースのようなものを取り除く
if(nameisnull == '' || nameisnull == undefined || nameisnull == null || ageisnull == '' || ageisnull == undefined || ageisnull == null){
空の操作であれば.
}else{
空の操作ではありません.
}
7.ajaxのtype:リクエスト方式、「POST」または「GET」、デフォルトは「GET」
①GET:select、主にデータの照会に用いられ、
②PUT:update、サーバにデータを送信、
③POST:insert、サーバにデータを送信し、
④DELETE:データの削除
8.jQueryのvalidate検証方法
ページにvalidateパッケージを導入すると、このメソッドを呼び出すことができます.
$(「#検証するデータブロック(ラベル)のid」).validate({
rules: {
検証するラベルのname 1:{
required:true,//必須
},
検証するラベルのname 2:{
required:
true
,
checkMac:
true
,//カスタム検証のもの
}
, ...
}
,
messages:{
検証するラベルのname 1:{
required:
「規定に合致しないことの確認」
,
}
,
検証するラベルのname 2:{
required:
「規定に合致しないことの確認」
,
}
,
... }
,})
;
if(
$(
"#
検証するデータブロック(ラベル)のid
"
).
valid
()){
検証に成功した後にしなければならないこと
}
$.validator.addMethod("checkMac",function(value,element,params){
var checkMac =/^([A-Fa-f0-9]{2}-){5}[A-Fa-f0-9]{2}$/;
return this.optional(element)||(checkMac.test(value));
},「*正しいmacアドレスを入力してください!」);//このメソッドで検証メソッドをカスタマイズします.
1.ラベルの内容とラベルに設定された内容を取得します(jQueryツール).
①このタグの中の内容を取得するには$("#id")を用いることができる.html()を取得する、同様に、設定は$("#id")を通過することができる.html(「内容」)設定.
②inputのコンテンツを取得し、そのコンテンツを設定するにはval()を使用します.
③一般的には、一対のタグにコンテンツを設定し、コンテンツを取得するためのhtml()を用いる.
④
aaa
bbb
選択したラベルの中央のテキスト:$("#selectId option:selected")を取得します.text()
選択するラベルのvalue属性の値:$("#selectId option:selected")を取得します.val()
2.ラベルにプロパティを設定し、attrを使用します.
Inputのcheckboxタイプは、チェックボックスが選択されているかどうかを判断します.
$("input[name='inputname']").each(function(index,obj){//ループ
if($(obj).is("checked"){//選択されているかどうかを判断
...
}
})
選択した値を空にします:$(「input[name='inputname']).attr('checked',false)
複数のinputラベルの名前は同じで、名前で同時に選択できます.
3.ラベルに内容を追加し、append()メソッドで
例:①すべてのラベルに追加するもの:$("p").append("Hello world!");
②特定のラベルに追加するもの:$("#idname").append("Hello world!");
4.ページジャンプ、フロントエンドページでurlパスを除いて、ある操作でページにジャンプしたい場合は、次のことができます.
window.location.href=「ジャンプするページのパス」;ジャンプを実現します.
5.フロントエンドページでは、リクエストパスに何かを追加してバックグラウンドに転送できます.
例:「/aa/bb/cc?id=?」+idの値は、idの値をバックグラウンドに伝えることができます.
6.変数を空にする.
var nameisnull=空を判定する変数名.replace(/(^\s*)|(\s*$)/g, '');//スペースのようなものを取り除く
if(nameisnull == '' || nameisnull == undefined || nameisnull == null || ageisnull == '' || ageisnull == undefined || ageisnull == null){
空の操作であれば.
}else{
空の操作ではありません.
}
7.ajaxのtype:リクエスト方式、「POST」または「GET」、デフォルトは「GET」
①GET:select、主にデータの照会に用いられ、
②PUT:update、サーバにデータを送信、
③POST:insert、サーバにデータを送信し、
④DELETE:データの削除
8.jQueryのvalidate検証方法
ページにvalidateパッケージを導入すると、このメソッドを呼び出すことができます.
$(「#検証するデータブロック(ラベル)のid」).validate({
rules: {
検証するラベルのname 1:{
required:true,//必須
},
検証するラベルのname 2:{
required:
true
,
checkMac:
true
,//カスタム検証のもの
}
, ...
}
,
messages:{
検証するラベルのname 1:{
required:
「規定に合致しないことの確認」
,
}
,
検証するラベルのname 2:{
required:
「規定に合致しないことの確認」
,
}
,
... }
,})
;
if(
$(
"#
検証するデータブロック(ラベル)のid
"
).
valid
()){
検証に成功した後にしなければならないこと
}
$.validator.addMethod("checkMac",function(value,element,params){
var checkMac =/^([A-Fa-f0-9]{2}-){5}[A-Fa-f0-9]{2}$/;
return this.optional(element)||(checkMac.test(value));
},「*正しいmacアドレスを入力してください!」);//このメソッドで検証メソッドをカスタマイズします.