Selecting Elements - Revision history

Bacchas at 19:53, 5 February 2017

2017-02-05T19:53:53Z

← Older revision		Revision as of 19:53, 5 February 2017
Line 80:		Line 80:
	''' Target something that contains the text and'''		''' Target something that contains the text and'''
	$("a:contains(and)").css("color", "red")		$("a:contains(and)").css("color", "red")

			''' Select every paragraph that has a i tag '''
			$("p:has(i)").hide();
	== Change the value of a text box ==		== Change the value of a text box ==
	$("input[type='text']#idname").val("robert");		$("input[type='text']#idname").val("robert");

2017-02-05T19:50:21Z

@@ Line 60: / Line 60: @@
 '''Target tags that follow specific tags. eg target a tag that follow an em tag'''
   $('em + a').css("color", "green);
 ----
 [[#top|Back To Top]]< ---- >[[JQuery|Category]]< ---- >[[Main_Page| Home]]

2017-02-05T19:24:12Z

@@ Line 42: / Line 42: @@
 ''' Will return the text only and trim any white spaces before and after'''
   $('#header').text().trim();
 ----
 [[#top|Back To Top]]< ---- >[[JQuery|Category]]< ---- >[[Main_Page| Home]]

2016-12-26T17:47:13Z

← Older revision		Revision as of 17:47, 26 December 2016
Line 3:		Line 3:
	$('.className')		$('.className')

	~~'''~~Find any a tags contained within the selected tag~~'''~~		==Find any a tags contained within the selected tag==
	$('#idname').find('a')		$('#idname').find('a')

	~~'''~~Find Children of tag~~'''~~		==Find Children of tag==
	$('#idname').children()		$('#idname').children()
	$('#idname').children('h2')		$('#idname').children('h2')

	~~'''~~Select Parents~~'''~~		==Select Parents==
	$('#idname').parents()		$('#idname').parents()
	'''Siblings'''		'''Siblings'''
	$('#idname').siblings()		$('#idname').siblings()
	~~'''~~Adding and Removing Classes~~'''~~		==Adding and Removing Classes==
	<pre>		<pre>
	$('body').addClass('js');		$('body').addClass('js');
Line 33:		Line 33:
	var $copy = $group.find('input:last').clone();		var $copy = $group.find('input:last').clone();
	$group.append($copy);		$group.append($copy);
			==Getting Text from the Page==
			''' Will return the text plus the tags '''
			$('#header').html();

			''' Will return the text only '''
			$('#header').text();

			''' Will return the text only and trim any white spaces before and after'''
			$('#header').text().trim();

	----		----
	[[#top\|Back To Top]]< ---- >[[JQuery\|Category]]< ---- >[[Main_Page\| Home]]		[[#top\|Back To Top]]< ---- >[[JQuery\|Category]]< ---- >[[Main_Page\| Home]]

2016-12-25T19:14:42Z

← Older revision		Revision as of 19:14, 25 December 2016
Line 34:		Line 34:
	$group.append($copy);		$group.append($copy);
	----		----
	[[#top\|Back To Top]]~~>>>>>~~>[[JQuery\|Category]]<------>[[Main_Page\| Home]]		[[#top\|Back To Top]]< ---- >[[JQuery\|Category]]< ---- >[[Main_Page\| Home]]

2016-12-25T19:09:39Z

← Older revision		Revision as of 19:09, 25 December 2016
Line 34:		Line 34:
	$group.append($copy);		$group.append($copy);
	----		----
	[[#top\|Back To Top]] [[JQuery\|Category]]- -[[Main_Page\| Home]]		[[#top\|Back To Top]]>>>>>>[[JQuery\|Category]]<------>[[Main_Page\| Home]]

2016-12-25T19:09:04Z

← Older revision		Revision as of 19:09, 25 December 2016
Line 34:		Line 34:
	$group.append($copy);		$group.append($copy);
	----		----
	[[#top\|Back To Top]]~~---~~[[JQuery\|Category]]---[[Main_Page\| Home]]		[[#top\|Back To Top]] [[JQuery\|Category]]- -[[Main_Page\| Home]]

2016-12-25T19:08:23Z

← Older revision		Revision as of 19:08, 25 December 2016
Line 33:		Line 33:
	var $copy = $group.find('input:last').clone();		var $copy = $group.find('input:last').clone();
	$group.append($copy);		$group.append($copy);
	--		----
	[[#top\|Back To Top]]-[[JQuery\|Category]]-[[Main_Page\| Home]]		[[#top\|Back To Top]]---[[JQuery\|Category]]---[[Main_Page\| Home]]

2016-12-25T19:07:55Z

← Older revision		Revision as of 19:07, 25 December 2016
Line 33:		Line 33:
	var $copy = $group.find('input:last').clone();		var $copy = $group.find('input:last').clone();
	$group.append($copy);		$group.append($copy);
	---		--
	[[#top\|Back To Top]]-[[JQuery\|Category]]-[[Main_Page\| Home]]		[[#top\|Back To Top]]-[[JQuery\|Category]]-[[Main_Page\| Home]]

2016-12-25T19:07:39Z

← Older revision		Revision as of 19:07, 25 December 2016
Line 29:		Line 29:
	.toggleClass('selected');		.toggleClass('selected');
	</pre>		</pre>
			''' Cloning DOM Elements'''
			var $group = $('#group-friends');
			var $copy = $group.find('input:last').clone();
			$group.append($copy);
			---
	[[#top\|Back To Top]]-[[JQuery\|Category]]-[[Main_Page\| Home]]		[[#top\|Back To Top]]-[[JQuery\|Category]]-[[Main_Page\| Home]]