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:
@ -6,7 +6,7 @@ superBlock: Front End Libraries
|
|||||||
## Introduction to the Front End Libraries Projects
|
## 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.
|
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 Random Quote Machine
|
||||||
* A Markdown Previewer
|
* A Markdown Previewer
|
||||||
* A Drum Machine
|
* A Drum Machine
|
||||||
|
@ -9,7 +9,7 @@ localeTitle: Целевые элементы по классам Использ
|
|||||||
---
|
---
|
||||||
|
|
||||||
## Description
|
## 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
|
## Instructions
|
||||||
<section id="instructions">
|
<section id="instructions">
|
||||||
@ -20,7 +20,7 @@ localeTitle: Целевые элементы по классам Использ
|
|||||||
|
|
||||||
```yml
|
```yml
|
||||||
tests:
|
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>.");'
|
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, чтобы добавить эти классы к элементу.'
|
- text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
|
||||||
testString: 'assert(!code.match(/class\.\*animated/g), "Only use jQuery to add these classes to the element.");'
|
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'>Vanilla Javascript</code></pre>",
|
||||||
"<pre><code class='language-javascript'>React.js</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'>Node.js</code></pre>",
|
||||||
"<pre><code class='language-javascript'>Jquery</code></pre>"
|
"<pre><code class='language-javascript'>jQuery</code></pre>"
|
||||||
],
|
],
|
||||||
"answer": 2,
|
"answer": 2,
|
||||||
"explanation": "<code>require()</code> is built into Node.js in order to load modules for use with an application."
|
"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",
|
"subtitle": "JavaScript framework",
|
||||||
"question": "In which Javascript framework will you find the ng style of attributes?",
|
"question": "In which Javascript framework will you find the ng style of attributes?",
|
||||||
"choices": [
|
"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'>React</code></pre>",
|
||||||
"<pre><code class='language-javascript'>Angular</code></pre>",
|
"<pre><code class='language-javascript'>Angular</code></pre>",
|
||||||
"<pre><code class='language-javascript'>Ember</code></pre>"
|
"<pre><code class='language-javascript'>Ember</code></pre>"
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Target HTML Elements with Selectors Using jQuery
|
title: Target HTML Elements with Selectors Using jQuery
|
||||||
localeTitle: عناصر HTML الهدف مع المحددات باستخدام jQuery
|
localeTitle: عناصر HTML الهدف مع المحددات باستخدام jQuery
|
||||||
---
|
---
|
||||||
* تتيح لك أدوات اختيار JQuery تحديد عناصر HTML والتعامل معها.
|
* تتيح لك أدوات اختيار jQuery تحديد عناصر HTML والتعامل معها.
|
||||||
* تبدأ هذه المحددات مع علامة الدولار والأقواس: $ ()
|
* تبدأ هذه المحددات مع علامة الدولار والأقواس: $ ()
|
||||||
* يمكنك "إيجاد" (أو تحديد) عناصر 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.
|
$("button").addClass("animated bounce"); // We are selecting the button elements and adding "animated bounce" class to them.
|
||||||
});
|
});
|
||||||
</script>
|
</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
|
title: HTML Method
|
||||||
localeTitle: طريقة HTML
|
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");
|
`$("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");`
|
`$("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)
|
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
||||||
* [JSONP و JQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
* [JSONP و jQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||||
* [أكثر JSONP مع JQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
* [أكثر JSONP مع jQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||||
* [Ajax و JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
* [Ajax و JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||||
|
@ -1,9 +1,11 @@
|
|||||||
---
|
---
|
||||||
title: HTML Method
|
title: HTML Method
|
||||||
localeTitle: HTML方法
|
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
|
### 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)
|
[freeCoceCamp Guide](https://guide.freecodecamp.org/jquery/jquery-html-method)
|
||||||
|
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: Target HTML Elements with Selectors Using jQuery
|
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: $()
|
- 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.
|
- 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
|
## 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
|
1. HTML
|
||||||
2. CSS
|
2. CSS
|
||||||
3. JavaScript
|
3. JavaScript
|
||||||
|
@ -50,6 +50,6 @@ $(".myclass").slideDown("fast"); //will expand the element with the identifier m
|
|||||||
|
|
||||||
|
|
||||||
#### More Information:
|
#### 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:
|
#### More Information:
|
||||||
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
<!-- 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
|
title: HTML Method
|
||||||
---
|
---
|
||||||
|
|
||||||
# HTML Method
|
# HTML Method
|
||||||
The Jquery `.html()` method gets the content of a HTML element or sets the content of an HTML element.
|
The jQuery `.html()` method gets the content of a HTML element or sets the content of an HTML element.
|
||||||
|
|
||||||
## Getting
|
## Getting
|
||||||
To return the content of a HTML element, use this syntax:
|
To return the content of a HTML element, use this syntax:
|
||||||
```javascript
|
```javascript
|
||||||
$('selector').html();
|
$('selector').html();
|
||||||
```
|
```
|
||||||
|
|
||||||
For example:
|
For example:
|
||||||
```javascript
|
```javascript
|
||||||
$('#example').html();
|
$('#example').html();
|
||||||
```
|
```
|
||||||
|
|
||||||
## Setting
|
## Setting
|
||||||
To set the content of a HTML element, use this syntax:
|
To set the content of a HTML element, use this syntax:
|
||||||
```javascript
|
```javascript
|
||||||
$('selector').html(content);
|
$('selector').html(content);
|
||||||
```
|
```
|
||||||
|
|
||||||
For example:
|
For example:
|
||||||
```javascript
|
```javascript
|
||||||
$('p').html('Hello World!');
|
$('p').html('Hello World!');
|
||||||
```
|
```
|
||||||
|
|
||||||
That will set the content of all of the `<p>` elements to Hello World!
|
That will set the content of all of the `<p>` elements to Hello World!
|
||||||
|
|
||||||
## Warning
|
## 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.
|
`.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
|
### More Information
|
||||||
|
|
||||||
[W3Schools](https://www.w3schools.com/jquery/html_html.asp)
|
[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:
|
### More Information:
|
||||||
* <a href='https://en.wikipedia.org/wiki/JSONP' target='_blank' rel='nofollow'>Wikipidea/JSONP</a>
|
* <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='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://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>
|
* <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
|
title: Target HTML Elements with Selectors Using jQuery
|
||||||
localeTitle: Alvo de elementos HTML com seletores usando 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: $ ()
|
* 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.
|
* 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>
|
</script>
|
||||||
|
|
||||||
```
|
```
|
||||||
|
@ -53,4 +53,4 @@ $(".myclass").slideDown(); //will expand the element with the identifier myclass
|
|||||||
|
|
||||||
#### Mais Informações:
|
#### 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:
|
#### 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");
|
$("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");`
|
`$("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:
|
#### 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:
|
### Mais Informações:
|
||||||
|
|
||||||
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
||||||
* [JSONP e JQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
* [JSONP e jQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||||
* [Mais JSONP com JQuery](http://api.jquery.com/jquery.getjson/#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)
|
* [Ajax e JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||||
|
@ -1,11 +1,11 @@
|
|||||||
---
|
---
|
||||||
title: jQuery
|
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/tree/master/src/pages/mathematics/quadratic-equations/index.md) .
|
||||||
|
|
||||||
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
|
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
|
||||||
|
|
||||||
#### Дополнительная информация:
|
#### Дополнительная информация:
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
title: Target HTML Elements with Selectors Using jQuery
|
title: Target HTML Elements with Selectors Using jQuery
|
||||||
localeTitle: Целевые элементы HTML с селекторами Использование jQuery
|
localeTitle: Целевые элементы HTML с селекторами Использование jQuery
|
||||||
---
|
---
|
||||||
* Селекторы JQuery позволяют вам выбирать и управлять элементами HTML.
|
* Селекторы jQuery позволяют вам выбирать и управлять элементами HTML.
|
||||||
* Эти селекторы начинаются со знака доллара и круглых скобок: $ ()
|
* Эти селекторы начинаются со знака доллара и круглых скобок: $ ()
|
||||||
* Вы можете «найти» (или выбрать) HTML-элементы на основе их имени, идентификатора, классов, типов, атрибутов, значений атрибутов и т. Д.
|
* Вы можете «найти» (или выбрать) HTML-элементы на основе их имени, идентификатора, классов, типов, атрибутов, значений атрибутов и т. Д.
|
||||||
|
|
||||||
@ -26,4 +26,4 @@ localeTitle: Целевые элементы HTML с селекторами Ис
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
```
|
```
|
||||||
|
@ -24,7 +24,7 @@ var nodevember = {
|
|||||||
$('.add-attendee-btn').on('click', nodevember.incrementNumOfAttendees);
|
$('.add-attendee-btn').on('click', nodevember.incrementNumOfAttendees);
|
||||||
```
|
```
|
||||||
|
|
||||||
Это обычная проблема при работе с jQuery и JavaScript. При нажатии на кнопку `this` ключевое слово в методе , который вы передали JQuery - х `on` методу ссылается на кнопку , а не объект конференции. Вы можете связать `this` контекст своего метода, чтобы решить проблему.
|
Это обычная проблема при работе с jQuery и JavaScript. При нажатии на кнопку `this` ключевое слово в методе , который вы передали jQuery - х `on` методу ссылается на кнопку , а не объект конференции. Вы можете связать `this` контекст своего метода, чтобы решить проблему.
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
var nodevember = {
|
var nodevember = {
|
||||||
@ -56,4 +56,4 @@ function combineStrings(str1, str2) {
|
|||||||
|
|
||||||
В руководстве по [этой ссылке](https://guide.freecodecamp.org/javascript/this-reference) содержится дополнительная информация о том, как изменить `this` ключевое слово.
|
В руководстве по [этой ссылке](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
|
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
|
title: jQuery Hover Method
|
||||||
localeTitle: Метод JQuery Hover
|
localeTitle: Метод jQuery Hover
|
||||||
---
|
---
|
||||||
# Метод JQuery Hover
|
# Метод jQuery Hover
|
||||||
|
|
||||||
Метод hquery hover представляет собой комбинацию событий `mouseenter` и `mouseleave` . Синтаксис таков:
|
Метод 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
|
title: HTML Method
|
||||||
localeTitle: Метод HTML
|
localeTitle: Метод HTML
|
||||||
---
|
---
|
||||||
# Метод 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");
|
$("p:contains('World')").css("color", "yellow");
|
||||||
```
|
```
|
||||||
|
|
||||||
Аналогично, `:last` селектор выбирает элемент, который является последним дочерним элементом его родителя. В селекторе JQuery ниже выбирается последний элемент `<li>` в списке - элемент списка «Три», а затем используется метод `.css` чтобы повернуть текст в желтый цвет.
|
Аналогично, `:last` селектор выбирает элемент, который является последним дочерним элементом его родителя. В селекторе jQuery ниже выбирается последний элемент `<li>` в списке - элемент списка «Три», а затем используется метод `.css` чтобы повернуть текст в желтый цвет.
|
||||||
|
|
||||||
`$("li:last").css("color", "yellow");`
|
`$("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/
|
.throw /not a function/
|
||||||
```
|
```
|
||||||
|
|
||||||
## Chai-JQuery
|
## Chai-jQuery
|
||||||
```
|
```
|
||||||
global.jQuery = ...;
|
global.jQuery = ...;
|
||||||
chai.use(require('chai-jquery'));
|
chai.use(require('chai-jquery'));
|
||||||
@ -127,4 +127,4 @@ expect(object)
|
|||||||
|
|
||||||
> \[ricostacruz CheatSheets
|
> \[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)
|
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
||||||
* [JSONP и JQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
* [JSONP и jQuery](https://learn.jquery.com/ajax/working-with-jsonp)
|
||||||
* [Больше JSONP с JQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
* [Больше JSONP с jQuery](http://api.jquery.com/jquery.getjson/#jsonp)
|
||||||
* [Ajax и JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-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
|
title: Target HTML Elements with Selectors Using jQuery
|
||||||
localeTitle: Destinar elementos HTML con selectores utilizando 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: $ ()
|
* 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.
|
* 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>
|
</script>
|
||||||
|
|
||||||
```
|
```
|
||||||
|
@ -53,4 +53,4 @@ $(".myclass").slideDown(); //will expand the element with the identifier myclass
|
|||||||
|
|
||||||
#### Más información:
|
#### 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á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
|
title: HTML Method
|
||||||
localeTitle: Método HTML
|
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
|
## Consiguiendo
|
||||||
|
|
||||||
@ -37,4 +39,4 @@ Eso establecerá el contenido de todos los elementos `<p>` en Hello World!
|
|||||||
|
|
||||||
### Más información
|
### 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");
|
$("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");`
|
`$("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:
|
#### 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:
|
### Más información:
|
||||||
|
|
||||||
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
* [Wikipidea / JSONP](https://en.wikipedia.org/wiki/JSONP)
|
||||||
* [JSONP y JQuery](https://learn.jquery.com/ajax/working-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)
|
* [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)
|
* [Ajax y JSONP](http://stackoverflow.com/questions/5943630/basic-example-of-using-ajax-with-jsonp)
|
||||||
|
Reference in New Issue
Block a user