button ? Мы выбрали их с помощью $("button") , затем мы добавили к ним некоторые классы CSS с .addClass("animated bounce"); , Вы только что использовали .addClass() jQuery, которая позволяет добавлять классы к элементам. Во- первых, давайте нацеливать свои div элементы с классом well с помощью $(".well") селектор. Обратите внимание, что, как и в объявлениях CSS, вы вводите a . перед именем класса. Затем с помощью JQuery в .addClass() функцию , чтобы добавить классы animated и shake . Например, вы можете сделать все элементы с $(".text-primary").addClass("animated shake"); типа text-primary , добавив следующее к вашей document ready function : $(".text-primary").addClass("animated shake"); button ? Мы выбрали их с помощью $("button") , затем мы добавили к ним некоторые классы CSS с .addClass("animated bounce"); , Вы только что использовали .addClass() jQuery, которая позволяет добавлять классы к элементам. Во- первых, давайте нацеливать свои div элементы с классом well с помощью $(".well") селектор. Обратите внимание, что, как и в объявлениях CSS, вы вводите a . перед именем класса. Затем с помощью jQuery в .addClass() функцию , чтобы добавить классы animated и shake . Например, вы можете сделать все элементы с $(".text-primary").addClass("animated shake"); типа text-primary , добавив следующее к вашей document ready function : $(".text-primary").addClass("animated shake"); addClass() функцию , чтобы дать классы animated и shake , чтобы все ваши элементы с классом well .'
+ - text: 'Используйте jQuery addClass() функцию , чтобы дать классы animated и shake , чтобы все ваши элементы с классом well .'
testString: 'assert($(".well").hasClass("animated") && $(".well").hasClass("shake"), "Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.");'
- text: 'Используйте только jQuery, чтобы добавить эти классы к элементу.'
testString: 'assert(!code.match(/class\.\*animated/g), "Only use jQuery to add these classes to the element.");'
diff --git a/curriculum/formattingConversion/system-design-and-concept-questions.json b/curriculum/formattingConversion/system-design-and-concept-questions.json
index d8164083b9a..9801a49e1da 100644
--- a/curriculum/formattingConversion/system-design-and-concept-questions.json
+++ b/curriculum/formattingConversion/system-design-and-concept-questions.json
@@ -569,7 +569,7 @@
"Vanilla JavascriptReact.jsNode.jsJqueryjQueryrequire() 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": [
- "JqueryjQueryReactAngularEmber` 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 `
` 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) diff --git a/guide/english/miscellaneous/learn-about-jsonp/index.md b/guide/english/miscellaneous/learn-about-jsonp/index.md index 961c53f1dc6..d11169d00e2 100644 --- a/guide/english/miscellaneous/learn-about-jsonp/index.md +++ b/guide/english/miscellaneous/learn-about-jsonp/index.md @@ -20,6 +20,6 @@ This triggers an automatic callback after the data has loaded, creating a functi ### More Information: * Wikipidea/JSONP -* JSONP and JQuery -* More JSONP with JQuery +* JSONP and jQuery +* More JSONP with jQuery * Ajax and JSONP diff --git a/guide/portuguese/certifications/front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery/index.md b/guide/portuguese/certifications/front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery/index.md index 7705ca40e2c..ff4037c64fc 100644 --- a/guide/portuguese/certifications/front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery/index.md +++ b/guide/portuguese/certifications/front-end-libraries/jquery/target-html-elements-with-selectors-using-jquery/index.md @@ -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 }); -``` \ No newline at end of file +``` diff --git a/guide/portuguese/jquery/jquery-effects-hide-method/index.md b/guide/portuguese/jquery/jquery-effects-hide-method/index.md index a4d09f9297c..f5c0826c06d 100644 --- a/guide/portuguese/jquery/jquery-effects-hide-method/index.md +++ b/guide/portuguese/jquery/jquery-effects-hide-method/index.md @@ -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/) \ No newline at end of file +jQuery hide () método no [site oficial](http://api.jquery.com/hide/) diff --git a/guide/portuguese/jquery/jquery-effects-show-method/index.md b/guide/portuguese/jquery/jquery-effects-show-method/index.md index 570cc829d14..eac7ca722e2 100644 --- a/guide/portuguese/jquery/jquery-effects-show-method/index.md +++ b/guide/portuguese/jquery/jquery-effects-show-method/index.md @@ -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/) \ No newline at end of file +jQuery Show () método no [site oficial](http://api.jquery.com/show/) diff --git a/guide/portuguese/jquery/jquery-selectors/index.md b/guide/portuguese/jquery/jquery-selectors/index.md index 30c8ed09fd6..867b5627e70 100644 --- a/guide/portuguese/jquery/jquery-selectors/index.md +++ b/guide/portuguese/jquery/jquery-selectors/index.md @@ -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 `
` en Hello World! ### Más información -[Escuelas w3](https://www.w3schools.com/jquery/html_html.asp) \ No newline at end of file +[Escuelas w3](https://www.w3schools.com/jquery/html_html.asp) diff --git a/guide/spanish/jquery/jquery-selectors/index.md b/guide/spanish/jquery/jquery-selectors/index.md index a47de21df53..c03058713fc 100644 --- a/guide/spanish/jquery/jquery-selectors/index.md +++ b/guide/spanish/jquery/jquery-selectors/index.md @@ -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 `