Replace Jquery -> jQuery (#35184)
* Replace Jquery -> jQuery * JQuery * Update index.md * Update index.md * Update index.md * Update index.md * Update index.md * Update index.md * Update index.md * Update guide/russian/jquery/jquery-html-method/index.md Co-Authored-By: lipis <lipiridis@gmail.com> * Update guide/russian/jquery/jquery-html-method/index.md Co-Authored-By: lipis <lipiridis@gmail.com>
This commit is contained in:
Lipis
Randell Dawson
@ -6,7 +6,7 @@ superBlock: Front End Libraries
|
||||
## Introduction to the Front End Libraries Projects
|
||||
|
||||
It's now time to test out the frontend skills learned. This will help to bolster your skills, so don't hesitate to showcase your frontend skills in these projects.
|
||||
In this section you will complete the following projects with Bootstrap, Jquery, Sass, React and Redux:
|
||||
In this section you will complete the following projects with Bootstrap, jQuery, Sass, React and Redux:
|
||||
* A Random Quote Machine
|
||||
* A Markdown Previewer
|
||||
* A Drum Machine
|
||||
|
||||
@ -9,7 +9,7 @@ localeTitle: Целевые элементы по классам Использ
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Вы видите, как мы отбросили все ваши элементы <code>button</code> ? Мы выбрали их с помощью <code>$("button")</code> , затем мы добавили к ним некоторые классы CSS с <code>.addClass("animated bounce");</code> , Вы только что использовали <code>.addClass()</code> jQuery, которая позволяет добавлять классы к элементам. Во- первых, давайте нацеливать свои <code>div</code> элементы с классом <code>well</code> с помощью <code>$(".well")</code> селектор. Обратите внимание, что, как и в объявлениях CSS, вы вводите a <code>.</code> перед именем класса. Затем с помощью JQuery в <code>.addClass()</code> функцию , чтобы добавить классы <code>animated</code> и <code>shake</code> . Например, вы можете сделать все элементы с <code>$(".text-primary").addClass("animated shake");</code> типа <code>text-primary</code> , добавив следующее к вашей <code>document ready function</code> : <code>$(".text-primary").addClass("animated shake");</code> </section>
|
||||
<section id="description"> Вы видите, как мы отбросили все ваши элементы <code>button</code> ? Мы выбрали их с помощью <code>$("button")</code> , затем мы добавили к ним некоторые классы CSS с <code>.addClass("animated bounce");</code> , Вы только что использовали <code>.addClass()</code> jQuery, которая позволяет добавлять классы к элементам. Во- первых, давайте нацеливать свои <code>div</code> элементы с классом <code>well</code> с помощью <code>$(".well")</code> селектор. Обратите внимание, что, как и в объявлениях CSS, вы вводите a <code>.</code> перед именем класса. Затем с помощью jQuery в <code>.addClass()</code> функцию , чтобы добавить классы <code>animated</code> и <code>shake</code> . Например, вы можете сделать все элементы с <code>$(".text-primary").addClass("animated shake");</code> типа <code>text-primary</code> , добавив следующее к вашей <code>document ready function</code> : <code>$(".text-primary").addClass("animated shake");</code> </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
@ -20,7 +20,7 @@ localeTitle: Целевые элементы по классам Использ
|
||||
|
||||
```yml
|
||||
tests:
|
||||
- text: 'Используйте JQuery <code>addClass()</code> функцию , чтобы дать классы <code>animated</code> и <code>shake</code> , чтобы все ваши элементы с классом <code>well</code> .'
|
||||
- text: 'Используйте jQuery <code>addClass()</code> функцию , чтобы дать классы <code>animated</code> и <code>shake</code> , чтобы все ваши элементы с классом <code>well</code> .'
|
||||
testString: 'assert($(".well").hasClass("animated") && $(".well").hasClass("shake"), "Use the jQuery <code>addClass()</code> function to give the classes <code>animated</code> and <code>shake</code> to all your elements with the class <code>well</code>.");'
|
||||
- text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
|
||||
testString: 'assert(!code.match(/class\.\*animated/g), "Only use jQuery to add these classes to the element.");'
|
||||
|
||||
@ -569,7 +569,7 @@
|
||||
"<pre><code class='language-javascript'>Vanilla Javascript</code></pre>",
|
||||
"<pre><code class='language-javascript'>React.js</code></pre>",
|
||||
"<pre><code class='language-javascript'>Node.js</code></pre>",
|
||||
"<pre><code class='language-javascript'>Jquery</code></pre>"
|
||||
"<pre><code class='language-javascript'>jQuery</code></pre>"
|
||||
],
|
||||
"answer": 2,
|
||||
"explanation": "<code>require()</code> is built into Node.js in order to load modules for use with an application."
|
||||
@ -590,7 +590,7 @@
|
||||
"subtitle": "JavaScript framework",
|
||||
"question": "In which Javascript framework will you find the ng style of attributes?",
|
||||
"choices": [
|
||||
"<pre><code class='language-javascript'>Jquery</code></pre>",
|
||||
"<pre><code class='language-javascript'>jQuery</code></pre>",
|
||||
"<pre><code class='language-javascript'>React</code></pre>",
|
||||
"<pre><code class='language-javascript'>Angular</code></pre>",
|
||||
"<pre><code class='language-javascript'>Ember</code></pre>"
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
title: Target HTML Elements with Selectors Using jQuery
|
||||
localeTitle: عناصر HTML الهدف مع المحددات باستخدام jQuery
|
||||
---
|
||||
* تتيح لك أدوات اختيار JQuery تحديد عناصر HTML والتعامل معها.
|
||||
* تتيح لك أدوات اختيار jQuery تحديد عناصر HTML والتعامل معها.
|
||||
* تبدأ هذه المحددات مع علامة الدولار والأقواس: $ ()
|
||||
* يمكنك "إيجاد" (أو تحديد) عناصر HTML استنادًا إلى الاسم والمعرف والفئات والأنواع والسمات وقيم السمات وغير ذلك الكثير.
|
||||
|
||||
@ -23,4 +23,4 @@ localeTitle: عناصر HTML الهدف مع المحددات باستخدام j
|
||||
$("button").addClass("animated bounce"); // We are selecting the button elements and adding "animated bounce" class to them.
|
||||
});
|
||||
</script>
|
||||
`
|
||||
`
|
||||
|
||||
@ -39,4 +39,4 @@ localeTitle: طريقة jQuery تظهر طريقة
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
طريقة JQuery Show () على [الموقع الرسمي](http://api.jquery.com/show/)
|
||||
طريقة jQuery Show () على [الموقع الرسمي](http://api.jquery.com/show/)
|
||||
|
||||
@ -1,9 +1,11 @@
|
||||
---
|
||||
title: HTML Method
|
||||
localeTitle: طريقة HTML
|
||||
---
|
||||
---
|
||||
title: HTML Method
|
||||
localeTitle: طريقة HTML
|
||||
---
|
||||
|
||||
|
||||
# طريقة HTML
|
||||
|
||||
تحصل طريقة jQuery `.html()` على محتوى عنصر HTML أو تقوم بتعيين محتوى عنصر HTML.
|
||||
|
||||
## الحصول على
|
||||
|
||||
@ -33,4 +35,4 @@ localeTitle: طريقة HTML
|
||||
|
||||
### معلومات اكثر
|
||||
|
||||
|
||||
[W3Schools](https://www.w3schools.com/jquery/html_html.asp)
|
||||
|
||||
@ -103,7 +103,7 @@ localeTitle: مختارات jQuery
|
||||
`$("p:contains('World')").css("color", "yellow");
|
||||
`
|
||||
|
||||
وبالمثل ، يحدد `:last` selector `:last` العنصر الأخير للطفل التابع له. يحدد محدد JQuery أدناه العنصر `<li>` الأخير في القائمة - عنصر القائمة "Three" - ثم يستخدم طريقة `.css` لتحويل النص إلى اللون الأصفر.
|
||||
وبالمثل ، يحدد `:last` selector `:last` العنصر الأخير للطفل التابع له. يحدد محدد jQuery أدناه العنصر `<li>` الأخير في القائمة - عنصر القائمة "Three" - ثم يستخدم طريقة `.css` لتحويل النص إلى اللون الأصفر.
|
||||
|
||||
`$("li:last").css("color", "yellow");`
|
||||
|
||||
@ -118,4 +118,4 @@ localeTitle: مختارات jQuery
|
||||
|
||||
#### معلومات اكثر:
|
||||
|
||||
* [قائمة كاملة من محددات jQuery](http://api.jquery.com/category/selectors/)
|
||||
* [قائمة كاملة من محددات jQuery](http://api.jquery.com/category/selectors/)
|
||||
|
||||
@ -21,6 +21,6 @@ JSONP لتقف على "JSON مع الحشو". لنفترض أنك تريد تق
|
||||
### معلومات اكثر:
|
||||
|
||||
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
||||
* [JSONP و JQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||
* [أكثر JSONP مع JQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||
* [Ajax و JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||
* [JSONP و jQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||
* [أكثر JSONP مع jQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||
* [Ajax و JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||
|
||||
@ -1,9 +1,11 @@
|
||||
---
|
||||
title: HTML Method
|
||||
localeTitle: HTML方法
|
||||
---
|
||||
---
|
||||
title: HTML Method
|
||||
localeTitle: HTML方法
|
||||
---
|
||||
|
||||
|
||||
# HTML方法
|
||||
|
||||
jQuery `.html()`方法获取HTML元素的内容或设置HTML元素的内容。
|
||||
|
||||
## 入门
|
||||
|
||||
@ -37,4 +39,4 @@ $('p').html('Hello World!');
|
||||
|
||||
### 更多信息
|
||||
|
||||
|
||||
[W3Schools的](https://www.w3schools.com/jquery/html_html.asp)
|
||||
|
||||
@ -40,7 +40,7 @@ title: Change Text Inside an Element Using jQuery
|
||||
|
||||
### More information
|
||||
|
||||
[JQuery API Documentation](http://api.jquery.com/html/)
|
||||
[jQuery API Documentation](http://api.jquery.com/html/)
|
||||
|
||||
[freeCoceCamp Guide](https://guide.freecodecamp.org/jquery/jquery-html-method)
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Target HTML Elements with Selectors Using jQuery
|
||||
---
|
||||
- JQuery selectors allow you to select and manipulate HTML elements.
|
||||
- jQuery selectors allow you to select and manipulate HTML elements.
|
||||
- These selectors start with the dollar sign and parentheses: $()
|
||||
- You can "find" (or select) HTML elements based on their name, id, classes, types, attributes, values of attributes and much more.
|
||||
|
||||
|
||||
@ -14,7 +14,7 @@ jQuery adds a global variable with all of the libraries methods attached. The na
|
||||
|
||||
## Get Started
|
||||
|
||||
Before studying JQuery, you should have basic knowledge of these topics:
|
||||
Before studying jQuery, you should have basic knowledge of these topics:
|
||||
1. HTML
|
||||
2. CSS
|
||||
3. JavaScript
|
||||
|
||||
@ -50,6 +50,6 @@ $(".myclass").slideDown("fast"); //will expand the element with the identifier m
|
||||
|
||||
|
||||
#### More Information:
|
||||
JQuery hide() method on the <a href='http://api.jquery.com/hide/' target='_blank' rel='nofollow'>Official website</a>
|
||||
jQuery hide() method on the <a href='http://api.jquery.com/hide/' target='_blank' rel='nofollow'>Official website</a>
|
||||
|
||||
|
||||
|
||||
@ -40,5 +40,5 @@ $(".myclass").slideDown("fast"); //will expand the element with the identifier m
|
||||
|
||||
#### More Information:
|
||||
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
||||
JQuery Show() method on the <a href='http://api.jquery.com/show/' target='_blank' rel='nofollow'>Official website</a>
|
||||
jQuery Show() method on the <a href='http://api.jquery.com/show/' target='_blank' rel='nofollow'>Official website</a>
|
||||
|
||||
|
||||
@ -1,37 +1,37 @@
|
||||
---
|
||||
title: HTML Method
|
||||
---
|
||||
|
||||
# HTML Method
|
||||
The Jquery `.html()` method gets the content of a HTML element or sets the content of an HTML element.
|
||||
|
||||
## Getting
|
||||
To return the content of a HTML element, use this syntax:
|
||||
```javascript
|
||||
$('selector').html();
|
||||
```
|
||||
|
||||
For example:
|
||||
```javascript
|
||||
$('#example').html();
|
||||
```
|
||||
|
||||
## Setting
|
||||
To set the content of a HTML element, use this syntax:
|
||||
```javascript
|
||||
$('selector').html(content);
|
||||
```
|
||||
|
||||
For example:
|
||||
```javascript
|
||||
$('p').html('Hello World!');
|
||||
```
|
||||
|
||||
That will set the content of all of the `<p>` elements to Hello World!
|
||||
|
||||
## Warning
|
||||
`.html()` method is used to set the element's content in **HTML** format. This may be dangerous if the content is provided by user. Consider using `.text()` method instead if you need to set non-HTML strings as content.
|
||||
|
||||
### More Information
|
||||
|
||||
[W3Schools](https://www.w3schools.com/jquery/html_html.asp)
|
||||
---
|
||||
title: HTML Method
|
||||
---
|
||||
|
||||
# HTML Method
|
||||
The jQuery `.html()` method gets the content of a HTML element or sets the content of an HTML element.
|
||||
|
||||
## Getting
|
||||
To return the content of a HTML element, use this syntax:
|
||||
```javascript
|
||||
$('selector').html();
|
||||
```
|
||||
|
||||
For example:
|
||||
```javascript
|
||||
$('#example').html();
|
||||
```
|
||||
|
||||
## Setting
|
||||
To set the content of a HTML element, use this syntax:
|
||||
```javascript
|
||||
$('selector').html(content);
|
||||
```
|
||||
|
||||
For example:
|
||||
```javascript
|
||||
$('p').html('Hello World!');
|
||||
```
|
||||
|
||||
That will set the content of all of the `<p>` elements to Hello World!
|
||||
|
||||
## Warning
|
||||
`.html()` method is used to set the element's content in **HTML** format. This may be dangerous if the content is provided by user. Consider using `.text()` method instead if you need to set non-HTML strings as content.
|
||||
|
||||
### More Information
|
||||
|
||||
[W3Schools](https://www.w3schools.com/jquery/html_html.asp)
|
||||
|
||||
@ -20,6 +20,6 @@ This triggers an automatic callback after the data has loaded, creating a functi
|
||||
|
||||
### More Information:
|
||||
* <a href='https://en.wikipedia.org/wiki/JSONP' target='_blank' rel='nofollow'>Wikipidea/JSONP</a>
|
||||
* <a href='https://learn.jquery.com/ajax/working-with-jsonp' target='_blank' rel='nofollow'>JSONP and JQuery</a>
|
||||
* <a href='http://api.jquery.com/jquery.getjson/#jsonp' target='_blank' rel='nofollow'>More JSONP with JQuery</a>
|
||||
* <a href='https://learn.jquery.com/ajax/working-with-jsonp' target='_blank' rel='nofollow'>JSONP and jQuery</a>
|
||||
* <a href='http://api.jquery.com/jquery.getjson/#jsonp' target='_blank' rel='nofollow'>More JSONP with jQuery</a>
|
||||
* <a href='http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp' target='_blank' rel='nofollow'>Ajax and JSONP</a>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
title: Target HTML Elements with Selectors Using jQuery
|
||||
localeTitle: Alvo de elementos HTML com seletores usando jQuery
|
||||
---
|
||||
* Os seletores JQuery permitem selecionar e manipular elementos HTML.
|
||||
* Os seletores jQuery permitem selecionar e manipular elementos HTML.
|
||||
* Esses seletores começam com o cifrão e parênteses: $ ()
|
||||
* Você pode "encontrar" (ou selecionar) elementos HTML com base em seus nomes, id, classes, tipos, atributos, valores de atributos e muito mais.
|
||||
|
||||
@ -26,4 +26,4 @@ localeTitle: Alvo de elementos HTML com seletores usando jQuery
|
||||
});
|
||||
</script>
|
||||
|
||||
```
|
||||
```
|
||||
|
||||
@ -53,4 +53,4 @@ $(".myclass").slideDown(); //will expand the element with the identifier myclass
|
||||
|
||||
#### Mais Informações:
|
||||
|
||||
JQuery hide () método no [site oficial](http://api.jquery.com/hide/)
|
||||
jQuery hide () método no [site oficial](http://api.jquery.com/hide/)
|
||||
|
||||
@ -42,4 +42,4 @@ javascript $ (". myclass"). slideDown (); // expandirá o elemento com o identif
|
||||
|
||||
#### Mais Informações:
|
||||
|
||||
JQuery Show () método no [site oficial](http://api.jquery.com/show/)
|
||||
jQuery Show () método no [site oficial](http://api.jquery.com/show/)
|
||||
|
||||
@ -118,7 +118,7 @@ Outro seletor de filtragem `:contains(text)` , seleciona elementos que possuem u
|
||||
$("p:contains('World')").css("color", "yellow");
|
||||
```
|
||||
|
||||
Da mesma forma, o `:last` selector seleciona o elemento que é o último filho de seu pai. O seletor de JQuery abaixo seleciona o último elemento `<li>` na lista - o item de lista "Três" - e, em seguida, usa o método `.css` para transformar o texto em amarelo.
|
||||
Da mesma forma, o `:last` selector seleciona o elemento que é o último filho de seu pai. O seletor de jQuery abaixo seleciona o último elemento `<li>` na lista - o item de lista "Três" - e, em seguida, usa o método `.css` para transformar o texto em amarelo.
|
||||
|
||||
`$("li:last").css("color", "yellow");`
|
||||
|
||||
@ -133,4 +133,4 @@ Estes são apenas alguns dos seletores disponíveis para uso no jQuery. Veja a s
|
||||
|
||||
#### Mais Informações:
|
||||
|
||||
* [Lista completa de seletores de jQuery](http://api.jquery.com/category/selectors/)
|
||||
* [Lista completa de seletores de jQuery](http://api.jquery.com/category/selectors/)
|
||||
|
||||
@ -23,6 +23,6 @@ Isso aciona um retorno de chamada automático após o carregamento dos dados, cr
|
||||
### Mais Informações:
|
||||
|
||||
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
||||
* [JSONP e JQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||
* [Mais JSONP com JQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||
* [Ajax e JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||
* [JSONP e jQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||
* [Mais JSONP com jQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||
* [Ajax e JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
---
|
||||
title: jQuery
|
||||
localeTitle: JQuery
|
||||
localeTitle: jQuery
|
||||
---
|
||||
## JQuery
|
||||
## jQuery
|
||||
|
||||
Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/mathematics/quadratic-equations/index.md) .
|
||||
|
||||
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
|
||||
|
||||
#### Дополнительная информация:
|
||||
#### Дополнительная информация:
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
title: Target HTML Elements with Selectors Using jQuery
|
||||
localeTitle: Целевые элементы HTML с селекторами Использование jQuery
|
||||
---
|
||||
* Селекторы JQuery позволяют вам выбирать и управлять элементами HTML.
|
||||
* Селекторы jQuery позволяют вам выбирать и управлять элементами HTML.
|
||||
* Эти селекторы начинаются со знака доллара и круглых скобок: $ ()
|
||||
* Вы можете «найти» (или выбрать) HTML-элементы на основе их имени, идентификатора, классов, типов, атрибутов, значений атрибутов и т. Д.
|
||||
|
||||
@ -26,4 +26,4 @@ localeTitle: Целевые элементы HTML с селекторами Ис
|
||||
});
|
||||
</script>
|
||||
|
||||
```
|
||||
```
|
||||
|
||||
@ -24,7 +24,7 @@ var nodevember = {
|
||||
$('.add-attendee-btn').on('click', nodevember.incrementNumOfAttendees);
|
||||
```
|
||||
|
||||
Это обычная проблема при работе с jQuery и JavaScript. При нажатии на кнопку `this` ключевое слово в методе , который вы передали JQuery - х `on` методу ссылается на кнопку , а не объект конференции. Вы можете связать `this` контекст своего метода, чтобы решить проблему.
|
||||
Это обычная проблема при работе с jQuery и JavaScript. При нажатии на кнопку `this` ключевое слово в методе , который вы передали jQuery - х `on` методу ссылается на кнопку , а не объект конференции. Вы можете связать `this` контекст своего метода, чтобы решить проблему.
|
||||
|
||||
```javascript
|
||||
var nodevember = {
|
||||
@ -56,4 +56,4 @@ function combineStrings(str1, str2) {
|
||||
|
||||
В руководстве по [этой ссылке](https://guide.freecodecamp.org/javascript/this-reference) содержится дополнительная информация о том, как изменить `this` ключевое слово.
|
||||
|
||||
Более подробную информацию о методе `bind` можно найти в [документах MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) от Mozilla.
|
||||
Более подробную информацию о методе `bind` можно найти в [документах MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) от Mozilla.
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
---
|
||||
title: jQuery
|
||||
localeTitle: JQuery
|
||||
localeTitle: jQuery
|
||||
---
|
||||
## JQuery
|
||||
## jQuery
|
||||
|
||||
|
||||
|
||||
@ -28,4 +28,4 @@ $(document).ready(function(){
|
||||
|
||||
#### Больше информации
|
||||
|
||||
* [Главная страница jQuery](https://jquery.com/)
|
||||
* [Главная страница jQuery](https://jquery.com/)
|
||||
|
||||
@ -53,4 +53,4 @@ $(".myclass").slideDown(); //will expand the element with the identifier myclass
|
||||
|
||||
#### Дополнительная информация:
|
||||
|
||||
Метод JQuery hide () на [официальном сайте](http://api.jquery.com/hide/)
|
||||
Метод jQuery hide () на [официальном сайте](http://api.jquery.com/hide/)
|
||||
|
||||
@ -42,4 +42,4 @@ Javascript $ ( "MyClass"). SlideDown (). // будет расширять эле
|
||||
|
||||
#### Дополнительная информация:
|
||||
|
||||
Метод JQuery Show () на [официальном сайте](http://api.jquery.com/show/)
|
||||
Метод jQuery Show () на [официальном сайте](http://api.jquery.com/show/)
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
---
|
||||
title: jQuery Hover Method
|
||||
localeTitle: Метод JQuery Hover
|
||||
localeTitle: Метод jQuery Hover
|
||||
---
|
||||
# Метод JQuery Hover
|
||||
# Метод jQuery Hover
|
||||
|
||||
Метод hquery hover представляет собой комбинацию событий `mouseenter` и `mouseleave` . Синтаксис таков:
|
||||
```
|
||||
@ -13,4 +13,4 @@ $(selector).hover(inFunction, outFunction);
|
||||
|
||||
### Больше информации
|
||||
|
||||
Более подробную информацию можно найти [здесь](https://www.w3schools.com/jquery/event_hover.asp) .
|
||||
Более подробную информацию можно найти [здесь](https://www.w3schools.com/jquery/event_hover.asp) .
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
---
|
||||
title: HTML Method
|
||||
localeTitle: Метод HTML
|
||||
---
|
||||
# Метод HTML
|
||||
|
||||
---
|
||||
title: HTML Method
|
||||
localeTitle: Метод HTML
|
||||
---
|
||||
# Метод HTML
|
||||
Метод jQuery `.html()` получает содержимое элемента HTML или задает содержимое элемента HTML.
|
||||
|
||||
## Получение
|
||||
|
||||
@ -37,4 +37,4 @@ $('p').html('Hello World!');
|
||||
|
||||
### Больше информации
|
||||
|
||||
|
||||
[W3Schools](https://www.w3schools.com/jquery/html_html.asp)
|
||||
|
||||
@ -118,7 +118,7 @@ $("li:first").css("color", "green");
|
||||
$("p:contains('World')").css("color", "yellow");
|
||||
```
|
||||
|
||||
Аналогично, `:last` селектор выбирает элемент, который является последним дочерним элементом его родителя. В селекторе JQuery ниже выбирается последний элемент `<li>` в списке - элемент списка «Три», а затем используется метод `.css` чтобы повернуть текст в желтый цвет.
|
||||
Аналогично, `:last` селектор выбирает элемент, который является последним дочерним элементом его родителя. В селекторе jQuery ниже выбирается последний элемент `<li>` в списке - элемент списка «Три», а затем используется метод `.css` чтобы повернуть текст в желтый цвет.
|
||||
|
||||
`$("li:last").css("color", "yellow");`
|
||||
|
||||
@ -133,4 +133,4 @@ $("#cat,#dog,#rat").css("background-color","red");
|
||||
|
||||
#### Дополнительная информация:
|
||||
|
||||
* [Полный список селекторов jQuery](http://api.jquery.com/category/selectors/)
|
||||
* [Полный список селекторов jQuery](http://api.jquery.com/category/selectors/)
|
||||
|
||||
@ -90,7 +90,7 @@ expect(object)
|
||||
.throw /not a function/
|
||||
```
|
||||
|
||||
## Chai-JQuery
|
||||
## Chai-jQuery
|
||||
```
|
||||
global.jQuery = ...;
|
||||
chai.use(require('chai-jquery'));
|
||||
@ -127,4 +127,4 @@ expect(object)
|
||||
|
||||
> \[ricostacruz CheatSheets
|
||||
>
|
||||
> [Обсудить на gitter](https://gitter.im/bothelp/testing)
|
||||
> [Обсудить на gitter](https://gitter.im/bothelp/testing)
|
||||
|
||||
@ -23,6 +23,6 @@ script.src = 'http://www.someWebApiServer.com/some-data?callback=my_callback';
|
||||
### Дополнительная информация:
|
||||
|
||||
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
||||
* [JSONP и JQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||
* [Больше JSONP с JQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||
* [Ajax и JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||
* [JSONP и jQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||
* [Больше JSONP с jQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||
* [Ajax и JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
title: Target HTML Elements with Selectors Using jQuery
|
||||
localeTitle: Destinar elementos HTML con selectores utilizando jQuery
|
||||
---
|
||||
* Los selectores JQuery le permiten seleccionar y manipular elementos HTML.
|
||||
* Los selectores jQuery le permiten seleccionar y manipular elementos HTML.
|
||||
* Estos selectores comienzan con el signo de dólar y los paréntesis: $ ()
|
||||
* Puede "encontrar" (o seleccionar) elementos HTML según su nombre, id, clases, tipos, atributos, valores de atributos y mucho más.
|
||||
|
||||
@ -26,4 +26,4 @@ localeTitle: Destinar elementos HTML con selectores utilizando jQuery
|
||||
});
|
||||
</script>
|
||||
|
||||
```
|
||||
```
|
||||
|
||||
@ -53,4 +53,4 @@ $(".myclass").slideDown(); //will expand the element with the identifier myclass
|
||||
|
||||
#### Más información:
|
||||
|
||||
Método JQuery hide () en el [sitio web oficial](http://api.jquery.com/hide/)
|
||||
Método jQuery hide () en el [sitio web oficial](http://api.jquery.com/hide/)
|
||||
|
||||
@ -42,4 +42,4 @@ javascript $ (". myclass"). slideDown (); // expandirá el elemento con el ident
|
||||
|
||||
#### Más información:
|
||||
|
||||
Método JQuery Show () en el [sitio web oficial](http://api.jquery.com/show/)
|
||||
Método jQuery Show () en el [sitio web oficial](http://api.jquery.com/show/)
|
||||
|
||||
@ -1,9 +1,11 @@
|
||||
---
|
||||
title: HTML Method
|
||||
localeTitle: Método HTML
|
||||
---
|
||||
---
|
||||
title: HTML Method
|
||||
localeTitle: Método HTML
|
||||
---
|
||||
|
||||
|
||||
# Método HTML
|
||||
|
||||
El método `.html()` jQuery obtiene el contenido de un elemento HTML o establece el contenido de un elemento HTML.
|
||||
|
||||
## Consiguiendo
|
||||
|
||||
@ -37,4 +39,4 @@ Eso establecerá el contenido de todos los elementos `<p>` en Hello World!
|
||||
|
||||
### Más información
|
||||
|
||||
|
||||
[Escuelas w3](https://www.w3schools.com/jquery/html_html.asp)
|
||||
|
||||
@ -118,7 +118,7 @@ Otro selector de filtrado,: `:contains(text)` , selecciona elementos que tienen
|
||||
$("p:contains('World')").css("color", "yellow");
|
||||
```
|
||||
|
||||
De manera similar, el `:last` selector selecciona el elemento que es el último hijo de su padre. El selector JQuery a continuación selecciona el último elemento `<li>` en la lista, el elemento de la lista "Tres", y luego usa el método `.css` para convertir el texto en amarillo.
|
||||
De manera similar, el `:last` selector selecciona el elemento que es el último hijo de su padre. El selector jQuery a continuación selecciona el último elemento `<li>` en la lista, el elemento de la lista "Tres", y luego usa el método `.css` para convertir el texto en amarillo.
|
||||
|
||||
`$("li:last").css("color", "yellow");`
|
||||
|
||||
@ -133,4 +133,4 @@ Estos son solo algunos de los selectores disponibles para usar en jQuery. Consul
|
||||
|
||||
#### Más información:
|
||||
|
||||
* [Lista completa de selectores jQuery](http://api.jquery.com/category/selectors/)
|
||||
* [Lista completa de selectores jQuery](http://api.jquery.com/category/selectors/)
|
||||
|
||||
@ -23,6 +23,6 @@ Esto activa una devolución de llamada automática después de que los datos se
|
||||
### Más información:
|
||||
|
||||
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
||||
* [JSONP y JQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||
* [Más JSONP con JQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||
* [Ajax y JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||
* [JSONP y jQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||
* [Más JSONP con jQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||
* [Ajax y JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||
|
||||
Reference in New Issue
Block a user