Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 02.06.2015, 11:22
Новичок на форуме
Отправить личное сообщение для nyshka Посмотреть профиль Найти все сообщения от nyshka
 
Регистрация: 09.05.2015
Сообщений: 8

задание такое шахматкой на jqery, на чистом js сделала...а на jqпока не выходит..
Ответить с цитированием
  #12 (permalink)  
Старый 02.06.2015, 12:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

nyshka,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  td  {
     width: 50px;
     height: 50px

  }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var tr = $("tbody tr");
       tr.each(function(indx, el){
             var i = indx % 2;
             $("td", el).filter( [":even",":odd"][i] ).css({"backgroundColor" : "rgb(0, 0, 255)"})
             });
});


  </script>
</head>

<body>
<table width="400" summary="" >
	<thead>
		<tr>
			<th>Title 1</th>
			<th>Title 2</th>
			<th>Title 3</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Cell 1.1</td>
			<td>Cell 1.2</td>
			<td>Cell 1.3</td>
		</tr>
		<tr>
			<td>Cell 2.1</td>
			<td>Cell 2.2</td>
			<td>Cell 2.3</td>
		</tr>
        <tr>
			<td>Cell 3.1</td>
			<td>Cell 3.2</td>
			<td>Cell 3.3</td>
		</tr>
		<tr>
			<td>Cell 4.1</td>
			<td>Cell 4.2</td>
			<td>Cell 4.3</td>
		</tr>
	</tbody>
</table>


</body>

</html>
Ответить с цитированием
  #13 (permalink)  
Старый 02.06.2015, 14:23
Новичок на форуме
Отправить личное сообщение для nyshka Посмотреть профиль Найти все сообщения от nyshka
 
Регистрация: 09.05.2015
Сообщений: 8

спасибо!
Ответить с цитированием
  #14 (permalink)  
Старый 02.06.2015, 14:46
Аспирант
Отправить личное сообщение для indeterm Посмотреть профиль Найти все сообщения от indeterm
 
Регистрация: 26.05.2015
Сообщений: 43

Сообщение от eXtreme
на чистом js
<html>
<head>
<style>
.color{
   background: red
 }
table td{
 border: 1px solid black;
 width: 20px;
 height: 20px
}
</style>

</head>

<table>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> <td></td> <td></td> </tr>
</table>

<body>

<script>

$=function(sel){
 var o=Object.create($)  
 o.arr = [].map.call(document.querySelectorAll(sel), function(el){return el})
 return o
}
$.prototype=$
$.odd=function(){this.tmp=this.arr.filter(function(el, i){return i%2===0}); return this}
$.addClass=function(className){
 this.tmp.forEach(function(el){el.className+=className; return this})
}


$("tr").odd().addClass("color")




</script>

</body>
</html>

чистый, он на то и чистый, что любое говнецо, вроде жекверей, реализует на коленке в пару строк. А говнецо, оно н то и говнецо, что чистый на нем не реализуешь. Как только требуется что-то посложней детсадовской выборки, оно становится жидким, приходится искать новое говнецо, и так до бесконечности, или до тех пор, пока не асилишь программиование.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Найти проблему с jQuery или писать js? Saladdin Элементы интерфейса 0 17.03.2011 17:02
jQuery jCarousel в две строки Родогор Элементы интерфейса 2 12.11.2010 18:47
jQuery, load: замена элемента вырубает js на странице. warobushek AJAX и COMET 0 08.10.2010 07:44
Вакансия: Front-end разработчик (HTML, CSS, JS, Ajax, jQuery) ivankov Работа 0 05.10.2010 19:00
помогите написать аналог строки include("index.php?open=1") на js bushstas Общие вопросы Javascript 1 19.07.2009 02:48