More documents

Recommendations

Info

Практическое приложение323Правильный селект в контекстеПравильно делать «с точностью до наоборот». В контексте надо указыватьid элемента.$(".class",$("#id"))Однако можно не передавать в контекст jQuery объект, вполне достаточно$(".class","#id")Это можно переписать как$("#id").find(".class")Можно еще больше ускорить работу, если искать вот таким способом:$(document.getElementById("id")).find(".class")Но это, скорее всего, будет уже дурным тоном. Хотя поэкспериментироватьинтересно: что, если вместо getElementById взятьquerySelectorAll?$("div",document.querySelectorAll("#id"))Это примерно то же самое, что и$("div",[document.getElementById("id")])Ни прироста производительности, ни красоты кода из этого не получить,поэтому советую в контекст передавать что-то простое вроде id илипри использовании псевдо-селекторов, обрабатываемых Sizzle’ом, передаватьих в селектор а все остальное в контекст:$(":visible","input[type=checkbox]")Раз уже пошла речь о псевдо-селекторах, то$(":checkbox")быстрее чем
324РЕАКТИВНЫЕ ВЕБ-САЙТЫ$("input[type=checkbox]")без использования querySelectorAll и наоборот.Cложный селектЧасто возникает задача найти всех потомков одного родителя. Еслинам известно, что все потомки являются непосредственными, то есть детьми,на этом можно сэкономить. Конечно же, лучше всего было бы написатьправильный селектор$("#id > div")Но если выборка уже есть, то будем использовать ее как контекст.Как мы уже выяснили, поиск в контексте происходит при помощи функцииfind:$("#id").find("> div")Но find — очень дорогая функция, она просматривает абсолютновсех потомков контекста, поэтому лучше применить функцию children, онапросматривает только непосредственных потомков.$("#id").children("div")Есть еще ряд функций поиска и манипуляций, которых стоит избегатьбез крайней необходимости, — это find, closest, wrap, wrapInner,replaceWith, clone. Стоит заметить, что wrapAll сюда не входит(http://mabp.kiev.ua/2009/03/29/jquery-profiling/).8.7.2. ä˝¯Внутреннее кэшированиеКэш у jQuery крайне неразвит, если не сказать отсутствует, поэтомукэшируется только предыдущий элемент, выбранный в цепочке. Это можнонаглядно рассмотреть на двух примерах.Ситуация следующая: вы работаете со списком, у вас есть один изэлементов li. Для того, чтобы получить все элементы, включая текущий,надо выбрать всех братьев (все, у кого родитель — это родитель текущего)этого элемента и добавить его самого:$("#id").siblings().add("#id")
Page 2 and 3:
Николай Мациевский
Page 4 and 5:
éÉãÄÇãÖçàÖ5 ВВЕДЕН
Page 7 and 8:
é· ‡‚ÚÓapple‡ıДанна
Page 9 and 10:
Однако и здесь доро
Page 11 and 12:
ç‡ ˜ÚÓ ‚ÎËflÂÚ Í‡˜
Page 13 and 14:
12РЕАКТИВНЫЕ ВЕБ-СА
Page 15 and 16:
Page 17 and 18:
Page 19 and 20:
Page 21 and 22:
Page 23 and 24:
Page 25 and 26:
Page 27 and 28:
Page 29 and 30:
Page 31 and 32:
Page 33 and 34:
Page 35 and 36:
Page 37 and 38:
Page 39 and 40:
Page 41 and 42:
Page 43 and 44:
Page 45 and 46:
Page 47 and 48:
Page 49 and 50:
Page 51 and 52:
Page 53 and 54:
Page 55 and 56:
Page 57 and 58:
Page 59 and 60:
Page 61 and 62:
Page 63 and 64:
Page 65:
Page 69 and 70:
Page 71 and 72:
Page 73 and 74:
Page 75 and 76:
Page 77 and 78:
Page 79 and 80:
Page 81 and 82:
Page 83 and 84:
Page 85 and 86:
Page 87 and 88:
Page 89 and 90:
Page 91 and 92:
Page 93 and 94:
Page 95 and 96:
Page 97 and 98:
Page 99 and 100:
Page 101 and 102:
Page 103 and 104:
Page 105 and 106:
Page 107 and 108:
Page 109 and 110:
Page 111 and 112:
Page 113 and 114:
Page 115 and 116:
Page 117 and 118:
Page 119 and 120:
Page 121 and 122:
Page 123 and 124:
Page 125 and 126:
Page 127 and 128:
Page 129 and 130:
Page 131 and 132:
Page 133 and 134:
Page 135 and 136:
Page 137 and 138:
Page 139 and 140:
Page 141 and 142:
Page 143 and 144:
Page 145 and 146:
Page 147 and 148:
Page 149 and 150:
Page 151 and 152:
Page 153 and 154:
Page 155 and 156:
Page 157 and 158:
Page 159 and 160:
Page 161 and 162:
Page 163 and 164:
Page 165 and 166:
Page 167 and 168:
Page 169 and 170:
Page 171 and 172:
Page 173 and 174:
Page 175 and 176:
Page 177 and 178:
Page 179 and 180:
Page 181 and 182:
Page 183 and 184:
Page 185 and 186:
Page 187 and 188:
Page 189 and 190:
Page 191 and 192:
Page 193 and 194:
Page 195 and 196:
Page 197 and 198:
Page 199 and 200:
Page 201 and 202:
Page 203 and 204:
Page 205 and 206:
Page 207 and 208:
Page 209 and 210:
Page 211 and 212:
Page 213 and 214:
Page 215 and 216:
Page 217 and 218:
Page 219 and 220:
Page 221 and 222:
Page 223 and 224:
Page 225 and 226:
Page 227 and 228:
Page 229 and 230:
Page 231 and 232:
Page 233 and 234:
Page 235 and 236:
Page 237 and 238:
Page 239 and 240:
Page 241 and 242:
Page 243 and 244:
Page 245 and 246:
Page 247 and 248:
Page 249 and 250:
Page 251 and 252:
Page 253 and 254:
Page 255 and 256:
Page 257 and 258:
Page 259 and 260:
Page 261 and 262:
Page 263 and 264:
Page 265 and 266:
Page 267 and 268:
Page 269 and 270:
Page 271 and 272:
Page 273 and 274: 272РЕАКТИВНЫЕ ВЕБ-СА
Page 323: 322РЕАКТИВНЫЕ ВЕБ-СА
Page 337: Учебное изданиеМац
show all

Ð ÐµÐ°ÐºÑÐ¸Ð²Ð½ÑÐµ Ð²ÐµÐ±-ÑÐ°Ð¹ÑÑ ÐÐ¸ÐºÐ¾Ð»Ð°Ð¹ ÐÐ°ÑÐ¸ÐµÐ²ÑÐºÐ¸Ð¹ ÐÐ²Ð³ÐµÐ½Ð¸Ð¹ ...

Create successful ePaper yourself

Delete template?

Save as template?

Ð ÐµÐ°ÐºÑÐ¸Ð²Ð½ÑÐµ Ð²ÐµÐ±-ÑÐ°Ð¹ÑÑ ÐÐ¸ÐºÐ¾Ð»Ð°Ð¹ ÐÐ°ÑÐ¸ÐµÐ²ÑÐºÐ¸Ð¹ ÐÐ²Ð³ÐµÐ½Ð¸Ð¹ ...