「jQuery入門」$(セレクタ).trigger()でイベントを発生させる
サンプルコード
$(this).on(‘click’, ‘#btnTest, function(){
$(‘#userInfo’).val( model.tr ...
「jQuery入門」filter()メソッドの使い方
サンプル1
1.1 htmlコード
<ul>
<li>list item 1</li>
<li>list item 2</li>
&l ...
「jQuery入門」formでEnterを無効にするサンプル
JSコード
$(‘#cftForm’).keypress(function(e){
if (e.which == 13) {
return false;
}
}); ...
「jQuery入門」フィルタリングで要素を絞り込むサンプル
1. タグ名=”input” と name属性が”model.cftKdfBean.address.value”と一致
$(‘input’);
「Jquery入門」 text()、html() とval()のサンプル
JSコード
$(“#btn1”).click(function(){
$(“#cftTest1”).text(“Hello world!”); ...
「jQuery入門」複数のIDを選択するサンプル
1.htmlコード
<div id=”changfa-one”>data 11</div>
<div id=”changfa-two”> ...
jQuery.noConflict()のサンプル
JSコード
<script>
$.noConflict();
jQuery(document).ready(function(){
jQuery(“button”). ...
jQueryMobileのページ間のパラメーターを渡すサンプル
サンプルコード:
$(document).bind(‘pagebeforechange’,function(e,data){
if (typeof data.toPage !== “ ...
「jQuery入門」jsonデータを読み込むサンプル
JSコード:
$(function() {
var json = ‘’;
$.each(JSON.parse(json), function(idx, obj) {
consol ...
「jQuery入門」datepickerの日付フォーマットをyyyy/mm/ddに変更する方法
1.datepickerのHP
CSSコード
<link rel=”stylesheet” href=”//code.jquery.com/ui/1.12.1/the
「Jquery入門」return falseとpreventDedault() でformのsubmitを止める方法
1.「return false」のサンプル
$(‘#cftForm’).submit(function(event){
if (!$(‘#name’).val()) { ...
「jQuery入門」each()でそれぞれのliの要素を取得する
サンプルコード:
<script type=”text/javascript” src=”/jquery/jquery.js”></script>
「jQuery入門」attr()とremoveAttr()でhtmlのタグ要素の設定、削除
1.a要素に複数の属性を追加
$(‘a’).attr({
href: ‘
title: ‘お知らせ’,
target: ‘_bla ...
「jQuery入門」ラジオボタン change()でイベント発動するサンプルコード
jQueryコード:
$(‘input:radio’).change(function() {
if ($(this).val() == ‘true’ ) {
$ ...
「jQuery入門」checkboxのcheckedプロパティを変更してchangeイベントを実行する
サンプルコード
$(‘input:checkbox’).change(function(){
if ($(this).is(‘:checked’)) {
$( ...
「jquery入門」val().change()の使い方
例1
$(‘#userForm’).find(‘input’).val(‘yamada’).change();
例2
$(“ ...
「jQuery入門」$(document).on()の使い方
1.$(document).on(イベント, セレクタ, 関数)
例1
$(document).on(‘input keyup’, ‘#member_name’, fun ...
「jQuery入門」keydown()とkeyup()のサンプル
1.JSコード
<script src=”/jssou/jquery.min.js”></script>
<script>
$(document).r ...