Added note about support for SVG documents

Fixes jquerygh-884
Closes jquerygh-896

Author: AurelioDeRosa

entries/append.xml

@@ -33,7 +33,7 @@
   </signature>
   <desc>Insert content, specified by the parameter, to the end of each element in the set of matched elements.</desc>
   <longdesc>
-    <p>The <code>.append()</code> method inserts the  specified content as the last child of each element in the jQuery collection (To insert it as the <em>first</em> child, use <a href="/prepend/"><code>.prepend()</code></a>). </p>
+    <p>The <code>.append()</code> method inserts the  specified content as the last child of each element in the jQuery collection (To insert it as the <em>first</em> child, use <a href="/prepend/"><code>.prepend()</code></a>).</p>
     <p>The <code>.append()</code> and <code><a href="/appendTo/">.appendTo()</a></code> methods perform the same task. The major difference is in the syntax-specifically, in the placement of the content and target. With <code>.append()</code>, the selector expression preceding the method is the container into which the content is inserted. With <code>.appendTo()</code>, on the other hand, the content precedes the method, either as a selector expression or as markup created on the fly, and it is inserted into the target container.</p>
     <p>Consider the following HTML:</p>
     <pre><code>
@@ -87,6 +87,7 @@ $( "body" ).append( $newdiv1, [ newdiv2, existingdiv1 ] );
     <p>Since <code>.append()</code> can accept any number of additional arguments, the same result can be achieved by passing in the three <code>&lt;div&gt;</code>s as three separate arguments, like so: <code>$('body').append( $newdiv1, newdiv2, existingdiv1 )</code>. The type and number of arguments will largely depend on how you collect the elements in your code.</p>
   </longdesc>
   <note id="html-code-execution" type="additional"/>
+  <note id="svg-support" type="additional"/>
   <example>
     <desc>Appends some HTML to all paragraphs.</desc>
     <code><![CDATA[

entries/appendTo.xml

@@ -57,6 +57,7 @@ $( "h2" ).appendTo( $( ".container" ) );
 	<p><strong>Before jQuery 1.9,</strong> the append-to-single-element case did not create a new set, but instead returned the original set which made it difficult to use the <code>.end()</code> method reliably when being used with an unknown number of elements.</p>
   </longdesc>
   <note id="html-code-execution" type="additional"/>
+  <note id="svg-support" type="additional"/>
   <example>
     <desc>Append all spans to the element with the ID "foo" (Check append() documentation for more examples)</desc>
     <code><![CDATA[

entries/attr.xml

@@ -21,6 +21,7 @@
         <p><strong>Note:</strong> Attribute values are strings with the exception of a few attributes such as value and tabindex.</p>
       </div>
       <p>As of jQuery 1.6, the <code>.attr()</code> method returns <code>undefined</code> for attributes that have not been set. <strong>To retrieve and change DOM properties such as the <code>checked</code>, <code>selected</code>, or <code>disabled</code> state of form elements, use the <a href="/prop/">.prop()</a> method.</strong></p>
+      <note id="svg-support" type="additional"/>
 
       <h4>Attributes vs. Properties</h4>
       <p>The difference between <em>attributes</em> and <em>properties</em> can be important in specific situations. <strong>Before jQuery 1.6</strong>, the <code>.attr()</code> method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior. <strong>As of jQuery 1.6</strong>, the <code>.prop()</code> method provides a way to explicitly retrieve property values, while <code>.attr()</code> retrieves attributes.</p>

entries/filter.xml

@@ -76,6 +76,7 @@ $( "li" )
     .css( "background-color", "red" );
     </code></pre>
     <p>This alteration to the code will cause the third and sixth list items to be highlighted, as it uses the modulus operator (<code>%</code>) to select every item with an <code>index</code> value that, when divided by 3, has a remainder of <code>2</code>.</p>
+    <note id="svg-support" type="additional"/>
   </longdesc>
   <example>
     <desc>Change the color of all divs; then add a border to those with a "middle" class.</desc>

entries/find.xml

@@ -63,6 +63,7 @@ var item1 = $( "li.item-1" )[ 0 ];
 $( "li.item-ii" ).find( item1 ).css( "background-color", "red" );
     </code></pre>
     <p>The result of this call would be a red background on item 1.</p>
+    <note id="svg-support" type="additional"/>
   </longdesc>
   <example>
     <desc>Starts with all paragraphs and searches for descendant span elements, same as <code>$( "p span" )</code></desc>

entries/insertAfter.xml

@@ -53,6 +53,7 @@ $( "h2" ).insertAfter( $( ".container" ) );
     <p><strong>Before jQuery 1.9,</strong> the append-to-single-element case did not create a new set, but instead returned the original set which made it difficult to use the <code>.end()</code> method reliably when being used with an unknown number of elements.</p>
   </longdesc>
   <note id="html-code-execution" type="additional"/>
+  <note id="svg-support" type="additional"/>
   <example>
     <desc>Insert all paragraphs after an element with id of "foo". Same as $( "#foo" ).after( "p" )</desc>
     <code><![CDATA[

entries/insertBefore.xml

@@ -53,6 +53,7 @@ $( "h2" ).insertBefore( $( ".container" ) );
     <p><strong>Before jQuery 1.9,</strong> the append-to-single-element case did not create a new set, but instead returned the original set which made it difficult to use the <code>.end()</code> method reliably when being used with an unknown number of elements.</p>
   </longdesc>
   <note id="html-code-execution" type="additional"/>
+  <note id="svg-support" type="additional"/>
   <example>
     <desc>Insert all paragraphs before an element with id of "foo". Same as $( "#foo" ).before( "p" )</desc>
     <code><![CDATA[

entries/prepend.xml

@@ -87,6 +87,7 @@ $( "body" ).prepend( $newdiv1, [ newdiv2, existingdiv1 ] );
     <p>Since <code>.prepend()</code> can accept any number of additional arguments, the same result can be achieved by passing in the three <code>&lt;div&gt;</code>s as three separate arguments, like so: <code>$( "body" ).prepend( $newdiv1, newdiv2, existingdiv1 )</code>. The type and number of arguments will largely depend on how you collect the elements in your code.</p>
   </longdesc>
   <note id="html-code-execution" type="additional"/>
+  <note id="svg-support" type="additional"/>
   <example>
     <desc>Prepends some HTML to all paragraphs.</desc>
     <code><![CDATA[

entries/prependTo.xml

@@ -56,6 +56,7 @@ $( "h2" ).prependTo( $( ".container" ) );
     <p>If there is more than one target element, however, cloned copies of the inserted element will be created for each target except the last.</p>
   </longdesc>
   <note id="html-code-execution" type="additional"/>
+  <note id="svg-support" type="additional"/>
   <example>
     <desc>Prepend all spans to the element with the ID "foo" (Check .prepend() documentation for more examples)</desc>
     <css><![CDATA[

entries/removeAttr.xml

@@ -15,6 +15,7 @@
 $element.prop( "onclick", null );
 console.log( "onclick property: ", $element[ 0 ].onclick );
     </code></pre>
+    <note id="svg-support" type="additional"/>
   </longdesc>
   <example>
     <desc>Clicking the button changes the title of the input next to it. Move the mouse pointer over the text input to see the effect of adding and removing the title attribute.</desc>

notes.xsl

@@ -70,6 +70,9 @@
 		<xsl:when test="@id = 'global-ajax-event'">
 			As of jQuery 1.9, all the handlers for the <a href="/category/ajax/global-ajax-event-handlers/">jQuery global Ajax events</a>, including those added with the <code><xsl:value-of select="@data-title"/></code> method, <em>must</em> be attached to <code>document</code>.
 		</xsl:when>
+		<xsl:when test="@id = 'svg-support'">
+			jQuery doesn't officially support SVG. Using jQuery methods on SVG documents, unless explicitly documented for that method, might cause unexpected behaviors. Examples of methods that support SVG as of jQuery 3.0 are <code>addClass</code> and <code>removeClass</code>.
+		</xsl:when>
 	</xsl:choose>
 </xsl:template>
 </xsl:stylesheet>