tamakipedia

かまくらぴよぴよフロントエンジニア

【jQuary】フォーム作成で学んだメソッドや記法について

先週フロントでのバリデーションを作り直しました。
その時に使ったメソッドなどをメモしていきます。

フォームの内容についてはこっち↓
フロント側でフォームのバリデーションを追加したのでその忘備録 - Qiita

フォーム関連で役立つjQuery

誰の役に立つのか...

意味 メソッド
IDの値を取得 $(this).attr('id');
IDを削除 $(this).removeAttr('id');
隣接要素の取得 $(this).next();
直下の子要素を取得 $(this).children("div")
全ての子要素を取得 $(this).find("div")
HTMLタグ名を取得 $(this).prop.("tagname")
チェックされた状態の要素を取得 $('input[type="checkbox"]:checked')
class名の配下にある要素を指定 $(".class名 要素名")
class名の偶数番目要素を指定 $(".class名:even")

indexOfを利用して前方一致かどうかを調べる

var string = 'are you happy?';
var pattern = 'are';
if(string.indexOf(pattern) === 0){

}

ハッシュをループさせる時は for..in文

let hash = {
  key0: "value0",
  key1: "value1"
};

for (let key in hash) {
  alert('key:' + key + ' value:' + hash[key]);
}

終わりに

今回久しぶりに記事を書いてみました。
というのも、ついに今日Qittaに初めて記事を投稿してみました。
フロント側でフォームのバリデーションを追加したのでその忘備録 - Qiita

そこでいただいたコメントに正規表現についてご指摘をいただいたので
改めて正規表現について勉強するきっかけになりました。

okinawanpizza.hatenablog.com

Qiita、知見がある方からアドバイスいただけるいい環境ですね!!
おしまい