apple2teaのブックマーク / 2016年4月8日

apple2tea id:apple2tea

2016年4月8日のブックマーク (5件)

Call Function With Random Timer | CSS-Tricks
apple2tea 2016/04/08
Call Function with Random Timer [timer][Programming]

CSS

IT

source

products
リンク
jQueryで（n）番目（ｎ倍数）の特定要素に処理を加える「:nth-child()」のちょっと便利な使い方｜BLACKFLAG
Webページ上の＜li＞リストなど、いくつも同じ要素が繰り返されるものに対して、 jQueryを使って、特定の（n）番目の物に処理を加えられる「:nth-child()」のちょっと便利な使い方の紹介をしてみます。「:nth-child()」の基礎的な使い方としては連続している要素のn番目の要素に対して特定の処理を加えられるというもの。例えば下記の様なリストがあった場合、 ◆HTML【SAMPLE01】 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> このリストの3番目の要素のみに背景色を変えるスクリプトを実行させる場合。 ◆SCRIPT【SAMPLE01】 <script type=
apple2tea 2016/04/08
jQueryで（n）番目（ｎ倍数）の特定要素に処理を加える「:nth-child()」のちょっと便利な使い方

jQuery

JavaScript

nth-child擬似クラス

奇数行と偶数行
リンク
jQueryでthisの子要素を取得するやり方いろいろ | Base Views
公開 2010年6月6日（日）更新日 2014年8月18日（月）スポンサーリンク jQueryを使っていて、thisとその子要素を同時に指定したい場合がある。結構いろんなやり方があるみたいで、取りあえず使いやすそうなので下の3通り。 $("hoge",this) $(this).children("hoge") $(this).find("hoge") 一番上がシンプルでいいかと思うんですが、取得したいthis直下の要素名をthisの手前に書くんですね… 使いどころは多そうですが、例えば下みたいなの。「Click1」をクリックしたらその直下の<div>が隠れるようにしたい場合とか。 <ul> <li>Click1 <div> <h2>Menu1</h2> <p>text1</p> </div> </li> <li>Click2 <div> <li>Menu2</li> <li>tex
apple2tea 2016/04/08
jQueryでthisの子要素を取得するやり方いろいろ

javascript

jquery

子要素

this

要素

開発
リンク
jQuery - リアルタイムに時刻を表示させる | Mitakalab
apple2tea 2016/04/08
jQuery - リアルタイムに時刻を表示させる

jQuery

javascript

リアルタイム
リンク
jQuery/CSS 連番を自動的に付与する方法
There are just too many unknowns. : とにかく分からない点が多過ぎる。 HTMLで言うところの<li>のような連番を、CSSやjQueryで自動付与する方法を知ったのでメモ。 jQueryで連番を付与する方法 .each()メソッドを利用する。.each()メソッドは指定したセレクター1つ1つに処理を順番に行う動きをする。いわゆるループと呼ばれるあれ。 $(function() { var i = 1; $('セレクタ').each(function(){ ～連番の付け方～ i++; }); }); var i = 1;部分がカウンタ初期値の設定。ページロード時に$(‘セレクタ’)を見つけに行き、1つ目を見つけた時点で～連番の付け方～部分の処理を行う。処理が終わったらi++でカウンタの数値を1プラスする。その後、また$(‘セレクタ’)を見つけに行き
apple2tea 2016/04/08
ｊQuery/CSS 連番を自動的に付与する方法[javascript]

CSS

jQuery

jQuery
リンク
- 2016年4月12日
- 2016年4月8日
- 2016年4月7日