::
Reload::This Page
Home Documents
\/
(Reload)
Syndication:
Home.htm
Our Mission
Api_Track1.htm
Api_Track2.htm
supported_api.htm
infrastructure.htm
Book Marks :
jQuery_Scope II
,
JavaScript
,
Intro_jQuery
,
Ajax-How_To
,
Effect-API
,
Events:
I
,
II
,
III
,
Manipulations:
I
,
II
,
III
, ---,
Utility
,
JSON
jQuery-Applied :
I
,
II
,
III
jQuery Scope :I
ajax_get1.htm
Scope and Api: (To be revised)
Itemized jQuery List of API (Categories)
jQuery_API_Items.txt
jQuery-Category-ajax :
scope_jquery_ajax1.htm
jQuery Cateory-Attribute
jQuery_Attribute_Scope1.txt
jQuery_Attribute_Scope1.htm
jQuery_Callbacks_scope1.htm
jQuery_Data_scope1.txt
jquer_defered_scope1.htm
jQuery_Effects_scope1.txt
JQuery_event_list1.htm
jQuery Selectors1.htm
jQuery Scope
:II (
TOP
)
Traversing :
Traversing.htm
Manipulation :
Scope_Manipulation.htm
events :
JQuery_event_list1.htm
Enjoy_Exploring1.htm
All companion files are listed elsewhere
Some Tips Using console.log()
console_log.htm
console_log_doc.htm
HTML5 div and canvas (
TOP
)
html5_perimeter.txt
DOM-Element
A simple canvas: Code
div_and_canvas_code.htm
action: Test Canvas
div_canvas_action1.htm
JavaScript
(
TOP
)
DOM
dom_event_list1.htm
*~Simple class
var xclass = function() {}
simple_class1_doc.htm
simple_class1.htm
function constructor
constructor allows new instances
constructor_and_procedure1
compared with procedure
comp_construc_and_proce1
Prototype :
prototype_test1_Doc.htm
prototype_test1.htm
simple_prototype_method1.htm
An Intro
: jQuery (
TOP
)
Syntaxes :
jQuerySyntax1.htm
DOM and JavaScript
Cross Road of CSS,
jQuery_CrossRoad1.htm
Unobtrusive JavaScript:
Unobtrusive_1.htm
Unobtrusive_1_doc.htm
jQuery calls a custom JavaScript
from another <script></script> block
jQuery_Intro1.htm
jQuery_Intro1.txt
mix-match within the same block
jQuery_Intro1_B.htm
jQuery_Intro1_B.txt
jQuery_Intro1_doc.htm
using $ sign or jQuery :
jQuery : JavaScript hybrid Codes
Iterate descendant elements
jQuery_Dollar1.htm
jQuery_Dollar1_Doc.htm
Ajax-How To
(
TOP
)
Unobtrusive way :CSS
About_jQuery1.htm
response request :
ajax_get1.htm
code
ajax_get1.txt
CSS elements :
conflict to complement
using Ajax loader:
conflict_complement.htm
conflict_complement1.txt
doc
conflict_div_element_doc.htm
default div element properties in one
may alter div in the other page
conflict_complement1.htm
conflict_complement1.txt
fiddling with css and DOM
conflict_complement2.htm
compare txt files on IE8.0 and IE9.0
Code :
conflict_complement2.txt
conflict_complement2B.htm
Code:
conflict_complement2B.txt
conflict_complement2_doc.htm
Avoid conflict
using CSS attributes
example :
transform_rotate1.htm
Code :
transform_rotate_div1.txt
Examples jQuery
(
TOP
)
Ch1 jQuery Selector
selecting DOM ID - -
using $ sign in a JavaScript:
windows.onload=function(){ }
JavaScriptShortcuts1_Action.htm
JavaScriptShortcuts1_Action.txt
JavaScriptShortcuts1_doc.htm
using jQuery script in <body>
HTML element as a selector
jQuery :
jQuery_function1_Doc.htm
jQuery_function1_Action.htm
code :
jQuery_function1_Action.txt
Element-ID as a Selector<
jQuery Function before page-content
$(document).ready(function()
windows.onload=function(){ }
jQuery_function2_doc.htm
jQuery_function2_Action.htm
jQuery_function2_code.txt
selecting DOM element -
slideup(),
jQuery_function3_doc.htm
jQuery_function3_Action.htm
jQuery Ajax API
:1(
TOP
)
$get(), $post jQuery shorthand method
jQuery $.get() and $post()
using function(responseText)
jQuery ajax get()
jQuery_ajax_get1.htm
Code :
jQuery_ajax_get1.txt
jQuery ajax load :
j
Keep source format:
(incomplete)
Query_ajax_load1.htm
code :
jQuery_ajax_load1.txt
jQuery_ajax_load1_doc.htm
loading (htm ignoring language attribute)
jQuery_ajax_load2.htm
jQuery_ajax_load2.txt
navigation with parameter load()
function grabFile(data)
html() & load() compared
jQuery_html2.htm
jQuery_html2.txt
jQuery_html1_doc.htm
jQuery
Ajax API II
(
TOP
)
ajax.complete()
ajax_complete1.htm
ajax_complete1.txt
ajax.start() & complete()
ajax_start1.htm
ajax_start1.txt
ajax_start1_doc.htm
ajax_success1.htm
ajax_success1_doc.htm
ajax_success1.txt
ajaxSetup : default
jQuery_ajaxSetup2.htm
jQuery_ajaxSetup2.txt
jQuery_ajaxSetup3.htm
jQuery_ajaxSetup3.txt
jQuery_ajaxbeforeSend
ajax_beforeSend2.htm
ajax_beforeSend2.txt
ajax_beforeSend2_doc.htm
ajax handled manipulation html()
Using <object data="url">
jQuery_html1_doc.htm
jQuery_html1.htm
jQuery_html1.txt
ajax.error() and success()
ERROR 404, success 200
ajax_load_error1.htm
ajax_load_error1.txt
ajax_load_erro1_doc.htm
JSON support from frontinterface.com
ajax_GlobalEvents_JSON1.htm
ajax_GlobalEvents_JSON1_docB.htm
ajax_GlobalEvents_JSON1_doc.htm
ajax_GlobalEvents_JSON1.txt
json_encode () , using post();
.serialize();
reset / document.forms[i].reset();
ajax_post_json1.htm
ajax_post_json1.txt
links.json.txt
$.when () , fail(), error status,
then(), $ajax(..)
redirected to correct page
long and short version of page-loader $get(...)
deferred_ajax_when1.htm
deferred_ajax_when1.txt
confirm or cancel to load
deferred_ajax_when2.htm
deferred_ajax_when2.txt
deferred. promise
deferred_promise1.htm
deferred_promise1.txt
Attribute API
: (
TOP
)
jQuery Cateory-Attribute
jQuery_Attribute_Scope1.txt
jQuery_Attribute_Scope1.htm
addClass : can't override
existing classes
add class to an element have no class attribute
Using_addClass1.htm
Using_addClass1.txt
Using_addClass1_doc.htm
addClass(), removeClass().append()
insertBefore()
inserBefore_insertAfter1.htm
inserBefore_insertAfter1.txt
using attr key word
Compare ID with Class
swap class with attr.
Compared_class_n_id2.htm
Compared_class_n_id2.txt
Retrieve value of attribute with atrr()
$("#div1").attr();
$('#div1').attr('class', 'class2');
$('#div2').attr('class', 'class2');
Compared_class_n_id3.htm
Compared_class_n_id3.txt
delay(), inpu$('input[type=text]')
clear text input with each(function() { Using $(this).val('');
$('#colors').prop('selectedIndex',0);
Descendant_Element1B.htm
Descendant_Element1B.txt
property inheritance
Descendant_Element1B_Doc.htm
$("[class=x3]").removeAttr('id');
attribute_filter5.htm
removeProp,prop()
prop('checked', true),
$(this).removeProp('checked');
prop_removeProp1.htm
compared toggle(), toggleClass() and toggleClass(param)
toggleClass1_doc.htm
toggleClass1.htm
toggleClass1.txt
jQuery
Callback API
(
TOP
)
CallBack sets the completion of one application
jQuery_Callbacks_scope1.htm
simple callback operation
jQuery_callback1.htm
Code:
jQuery_callback1.txt
jQery.Callbacks() object : add, fire, show
jQuery_CallBacks2.htm
jQuery_CallBacks2.txt
jQuery_Callback3.htm
add:fire:fired
jQuery_Callbacks.htm
jQuery_CallBacks4.txt
add:fire:disabled:fired
jQuery_CallBacks5.htm
jQuery_CallBacks5.txt
empty : fire :disable compared
jQuery_CallBacks6.htm
jQuery_CallBacks6.txt
jQuery_CallBacks6B.htm
jQuery_CallBacks6B.txt
jQuery_CallBacks6_doc.htm
callback.empty and callback.has()
jQuery_CallBacks7.htm
jQuery_CallBacks7.txt
has.callback()
jQuery_CallBacks7B.htm
jQuery_CallBacks7B.txt
empty and has functions snapshots
jQuery_CallBacks7_doc.htm
callbacks remove
single function:
jQuery_CallsBacks8.htm
multiple functions :
jQuery_CallsBacks8.htm
jQuery_CallsBacks8B.txt
doc :
jQuery_CallsBacks8_doc.htm
CSS- API(
TOP
)
addClass, .css., hasClass,height, innerHeight, innerWidth, cssHooks,offset, outerHeight, outerWidth, position, removeClass, scrollLeft, scrolTop, toggleClass, width
$this.css( script);
this_css1.htm
multiple css style array
this_css2.htm
event targeting multiple attributes,
delay()
jQuery_Descendant_Element1B.htm
jQuery_Descendant_Element1B.txt
property inheritance
jQuery_Descendant_Element1B_Doc.htm
Using_addClass1.htm
Using_addClass1.txt
Using_addClass1_doc.htm
addClass(), removeClass().append()
insertBefore()
inserBefore_insertAfter1.htm
inserBefore_insertAfter1.txt
compared toggle(), toggleClass() and toggleClass(param)
toggleClass1_doc.htm
toggleClass1.htm
toggleClass1.txt
chaining event with addClass()
hasClass() in if statement
display :none and fadIn(time);
manipulation_hasClass1.htm
manipulation_hasClass1.txt
innerHeight,width, offset, outerwidth,
scrollLeft
css_style1.htm
css_style1.txt
Data API (
TOP
)
data()
data1.htm
data1.txt
queue and dequeue function
queue_dequeue1.htm
queue_dequeue1.txt
queue_dequeue1_doc.htm
queue_array1.htm
!clearQueue :
clearQueue1.htm
clearQueue1.txt
queue_stop1.htm
queue_stop1.txt
adding data and remove data
adding_data_removeData1.htm
adding_data_removeData1.txt
Deferred API
(
TOP
)
either resolved or rejected
Deferred Always
deferred_always1.htm
deferred_always1.txt
!deferred object resolved :
deferred_done1.htm
deferred_done1.txt
deferred.fail
deferred_fail1.htm
deferred_fail1.txt
$.when () , fail(), error status, then()
redirected to correct page
long and short version of page-loader $get(...)
deferred_ajax_when1.htm
deferred_ajax_when1.txt
confirm or cancel to load
deferred_ajax_when2.htm
deferred_ajax_when2.txt
deferred. promise, resolved, $Deferred
deferred_promise1.htm
deferred_promise1.txt
notiy(), promise to long events, resolved
Deferred_notify1.htm
Deferred_notify1.txt
Deferred notifiedWith(), resolved, fail reject
notifyWith_resolve_reject1.htm
notifyWith_resolve_reject1.txt
Effect-API
(
TOP
)
jQuery_Effects_scope1.txt
members : animate, .clearQueue, delay, dequeue, finish, .fx.interval, fx.of, queue, stop
!clearQueue :
clearQueue1.htm
clearQueue1.txt
queue_stop1.htm
queue_stop1.txt
queue and dequeue function
queue_dequeue1.htm
queue_dequeue1.txt
queue_dequeue1_doc.htm
fadeIn, fadeOut, animate, dequeue,
stop,,.width(). breaking an event
queue_stop1.htm
queue_stop1.txt
delay(), inpu$('input[type=text]'). clear text input with each(function() { Using $(this).val('');
$('#colors').prop('selectedIndex',0);
jQuery_Descendant_Element1B.htm
jQuery_Descendant_Element1B.txt
slideToggle : toggling between twoproperties
one round slideToggle
slideToggle1.htm
slideToggle1.txt
selector :animated and alternatives
continuous slideToggle actions
animated_slideToggle1.htm
animated_slideToggle1.txt
opacity related ,
fadeToggle(), one round fadeTogle()
fadeToggle1.htm
fadeToggle1.txt
Events: I
(
TOP
)
list of events :
JQuery_event_list1.htm
bind() event to attribute selector:
jquery_bind_AttributeEvent1.htm
animate_bind1.htm
animate_bind1.txt
error
event_error1.htm
event_error1.txt
change()
data1.htm
data1.txt
change(), focusout()
change_foucusout1.htm
Simple trigger : embedded in an function
jQuery event on():
on_trigger1.htm
on_trigger1.txt
trigger (): activated by another event
trigger1.htm
trigger1.txt
trigger a custom foo event
on_custom_trigger1.htm
on_custom_trigger1.txt
delegate_after1.htm
delegate_after1.txt
preventDefault , stopPropagation();
preventDefault1.htm
preventDefault1.txt
preventDefault ($("#div1 #li1,#li3 a")
preventDefault2.htm
preventDefault2.txt
off() and on () , turn on or off a custom
function jquery-ui, draggable enable disable
off_on_click1.htm
off_on_click1.txt
on_off_click2.htm
on_off_click2.txt
Events: II
(
TOP
)
delegate and undelegate events
delegeate_undelegate1.htm
delegeate_undelegate1.txt
delegate click event to "p" element /trigger
delegate_trigger1.htm
delegate_trigger1.txt
delegate custom-event triggered
delegate_trigger2.htm
delegate_trigger2.txt
handling multiple events
click().dbllick() events discretely
multiple_events1.htm
multiple_events1.txt
multiple events, click // bind compared
multiple_events_bind1.htm
multiple_events_bind1.txt
grouping and sequencing
events with bind
grouping_sequence_events1.htm
grouping_sequence_events1.txt
currentTarget, delegate / trigger
current_target1.htm
current_target1.txt
event.target() and delegateTarget
delegate_target1.htm
delegate_target1.txt
delegate_target1_doc.htm
Events: III
(
TOP
)
propagation and eventPprevention
eventPropagation_Prevention1.htm
related_target1.htm
mousemove
pageX_pageY1.htm
pageX_pageY1.txt
namespace , event.target.tagName , trigger, off
namespace1.htm
namespace1.txt
Example of on multiple event handling <br/>
Event type and which functions. Keyup and keydown
event_type_which1.htm
event_type_which1.txt
Manipulation-I
: (
TOP
)
scope:
Scope_Manipulation.htm
Members: : class Attribute: addClass, hasClass, removeClass , toggleClass , Copying: clone(). DOM: Around, Inside, OutSide, Removal, DOM: Replacement General Attributes, Style Properties
Manipulation : class Attributes
Using_addClass1.htm
Using_addClass1.txt
addClass(), removeClass().append()
insertBefore()
inserBefore_insertAfter1.htm
inserBefore_insertAfter1.txt
DOM around : wrap ,adding element on the fly
dom_around_wrap1.htm
dom_around_wrap2.htm
dom_around_wrap1.txt
removing one parent element
dom_wrap_unwrap1.htm
dom_wrap_unwrap1.txt
compared toggle(), toggleClass()
and toggleClass(param)
toggleClass1_doc.htm
toggleClass1.htm
toggleClass1.txt
appending text string
jQuery_append1.htm
jQuery_append1.txt
appending html string
jQuery_append1B.htm
jQuery_append1B.txt
appendTo appending an element to existing ones
jquery_appendTo_1.htm
code :
jquery_appendTo_1.txt
jquery_appendTo_2.htm
jquery_appendTo_2.txt
multiple images with .appendTO and .get()
appendTo('.class2');
jQuery_appendTo3.htm
jQuery_append3.txt
jQuery_appendTo3_doc.htm
merge unique append clone merging two div element under one
merge_unique_append1.htm
merge_unique_append1.txt
merge_unique_append1_doc.htm
unorthodox results : dig deep later
appendTo : masking target while merging
merge_unique_appendTo1_doc.htm
merge_unique_appendTo1.htm
merge_unique_appendTo1.txt
ajaxSuccess ajaxSend function
event.target( ) function
ajax_success2_appened.htm
ajax_success2_appened.txt
ajax_success2_appened_doc.htm
Manipulation-II
(
TOP
)
ajaxComplete, ajaxSuccess, Ajax Error
ajax_success_error1.htm
ajax_success_error1.txt
ajax_success_error1_doc.htm
adding and removing css classes
ClassSelector2_Doc.htm
ClassSelector2_Action.htm
using attr key word Compare ID with Class swap class with attr.
Compared_class_n_id2.htm
Compared_class_n_id2.txt
Retrieve value of attribute with atrr()
$('#div1').attr('class', 'class2');
$('#div2').attr('class', 'class2');
Compared_class_n_id3.htm
Compared_class_n_id3.txt
ajax handled manipulation
jQuery_html1_doc.htm
jQuery_html1.htm
jQuery_html1.txt
Server Preferences : FastCGI/IIS
server with GET() and no post() error 405 Method No Allowed usually frontpage extn (can cause) loading a webpage (resolved later)
jQuery ajax post:
jQuery_ajax_post1.htm
jQuery_ajax_post1.txt
jQuery_ajax_post2.htm
(405)
jQuery_ajax_post2.txt
jQuery_ajax_post2_doc.htm
ajax_get operation is OK
jQuery_ajax_get1.htm
jQuery_ajax_get10.htm
(no php : 404)
jQuery_ajax_get11.htm
frontinterface server : (Linux/FastCGI) support
front_jQuery_ajax_post1.htm
front_jQuery_ajax_post1.txt
front_jQuery_ajax_post2.htm
front_jQuery_ajax_post2.txt
front_jQuery_ajax_post2_doc.htm
before(), after() functions
jQuery_before_after1.htm
jQuery_before_after1.txt
Manipulation-III
(
TOP
)
chaining event with addClass()
hasClass() in if statement
display :none and fadIn(time);
manipulation_hasClass1.htm
manipulation_hasClass1.txt
empty all the contents , the fadeOut(); $("#div1").empty()
empty_remove_element1.htm
empty_remove_element1.txt
detach() == unplug an element
detach_element1.htm
detach_element1.txt
remove(),
remove_function1.htm
remove_function1.txt
removeProp,prop() prop('checked', true), $(this).removeProp('checked');
prop_removeProp1.htm
replaceAll, replaceWith(), text(), html() remove spaces between two <ul> elements
replace_replacewth1.htm
replace_replacewth1.txt
width()/innerWidth, height/innerHeight, offset().left, Math.round(..)
style_properties1.htm
style_properties1.txt
val(), data(), change() and data("key1").first)
data1.htm
data1.txt
Selector-Attribute (
TOP
)
Selecting Attribute
Selector API:
query_selector2.htm
Members of selector API: Attribute, Basic, Basic Filter, Child Filter, Content Filter, Form, Hierarchy, jQuery Extensions, Visibility Filter
Selector-Attribute:
selector-attribute1.htm
Word Selector [name='value'], like contain('value'), first() & :first selector name=value
name_selector1.htm
name_selector1.txt
Selector[name="value']
substring_selection1.htm
substring_selection1.txt
attribute-value ending with attribute [id$="last-substring"]
attribute_matched_ending1.htm
attribute_matched_ending1.txt
attribute value starting with
attribute_matched_starting1.htm
attribute-exact match , "[name^="value"]
exact_attribute_value1.htm
exact_attribute_value1.txt
attribute [value!="string]
attribute !=, [ id!='second_list2']")
attribute_notexact_value1.htm
attribute_notexact_value1.txt
Selectors : manipulation CSS ( rest api below)
properties set with id attribute prevails over class, class can enrich
id_vs_css1.htm
id_vs_css1.txt
Comparing Attributes id with class id attributes prevails, effect and event scope of Unobtrusive JavaScript
CSS_Attribute_Effect1_Doc.htm
CSS_Attribute_Effect1.htm
CSS_Attribute_Effect1.txt
CSS_Attribute_Effect1B.htm
CSS_Attribute_Effect1B.txt
Attributes ID and Class Compared
Compared_class_n_id1.htm
Compared_class_n_id1.txt
Compared_class_n_id1_Doc.htm
grouping selectors
Child Selector (element > element )
$("ul > li")
event bubbling
jQuery_ChildSelector1.htm
jQuery_ChildSelector1.txt
jQuery_ChildSelector1_doc.htm
Child.Class Attribute Selector:
$(" ul.subject >li >a")
jQuery_ChildSelector2.htm
jQuery_ChildSelector2.txt
jQuery_ChildSelector2_Doc.htm
Selector-Attribute II (
TOP
)
nature of event bubbling
jQuery_Descendant_Element1.htm
jQuery_Descendant_Element1.txt
CSS like Effect with events
event targeting multiple attributes
Descendant_Element1B.htm
Descendant_Element1B.txt
Descendant_Element1B_Doc.htm
descendant element's id and class short-circuiting test, event redundancies multifunction's with one event
First Come First Serve $("div #x1").delay(2000).fadeOut(2000);
Descendant_Element2.htm
Descendant_Element2.txt
Descendant_Element2_B.htm
Descendant_Element2_B.txt
Descendant_Element2_Doc.htm
jQuery descendant multitasking
jQuery_Multitasking1.htm
jQuery_Multitasking1.txt
inheritance and descendant elements
Utility_each1.htm
Utility_each1.txt
Utility_each_doc.htm
Class-Attribute (
TOP
)
selecting CSS class
default event bubbling example: linkage of attributes to elements $("#div").click(function () also triggers default $("div").click(function ()
jQuery_function4_Action.htm
jQuery_function4_Action.txt
jQuery_function4_Doc.htm
suppressing bubbling with return false
jQuery_function4_ActionB.htm
jQuery_function4_ActionB.txt
jQuery_function4B_Doc.htm
using e.stopPropagation(); and stopImmediatePropagation();
stopPropagation_explained.htm
prevent bubbling in parent
jQuery_function5_Action.htm
jQuery_function5B_Action.htm
jQuery_function5_Code.htm
jQuery_function5_Doc.htm
CSS class Name with DOM- JavaScript
dom_classname1.htm
switching classes with jQuery and JavaScript compared removeClass("'a','b'").addClass("bkg1");})
jQuery_ClassSelector2_Doc.htm
jQuery_ClassSelector2_Action.htm
jQuery and JavaScript hand in hand
jQuery_ClassSelector3_Doc.htm
jQuery_ClassSelector3_Action.htm
using this key word:
this_or_object.htm
this_or_object.txt
this_or_object_doc.htm
Explores all odds and evens with CSS attributes
Exploring_class_attribute1.htm
Exploring_class_attribute1.txt
testing_class_attribute1.htm
testing_class_attribute1.txt
testing_class_attribute1_doc.htm
Select ID attribute: (
TOP
)
using id attribute
CSS class complementation to id attribute
Exploring_id_Attribute1.htm
Exploring_id_Attribute1.txt
Attribute_Complementation1.htm
Attribute_Complementation1.txt
Attribute_Complementation1_doc.htm
using attr key word Compare ID with Class swap class with att. setting values
Compared_class_n_id2.htm
Compared_class_n_id2.txt
Retrieve value of attribute with atrr().
$(
"#div1"
).attr(
"id"
);
$('#div1').attr('class', 'class2'); $('#div2').attr('class', 'class2');
Compared_class_n_id3.htm
Compared_class_n_id3.txt
(Revisiting examples ---) comparing class and id attribute dealing with id attribute conflicts
testing_id_Attribute1.htm
testing_id_Attribute1.txt
Exploring_id_Attribute1_doc.htm
Altering multiple css with jQuery codes compare JavaScript DOM.CSS with jQuery CSS pushing/replacing id value with each() function
Exploring_id_Attribute2.htm
Exploring_id_Attribute2.txt
jQuery.attr() add/removes /replaces attribute and values
id_and_claas1.htm
id_and_claas1.txt
bind() event to attribute selector: attribute-name=value $("[class=x1]").removeAttr('id');
jquery_bind_AttributeEvent1.htm
jquery_bind_AttributeEvent1.txt
Selector-CSS-API (
TOP
)
compare descendant and child selector $("#div1 ul li") vs . $("$div ul>li>ul") selector filter a descendant with a CSS class attribute
jQuery_Attribute3.htm
jQuery_Attribute3.txt
Traversing Descendants nodes with jQuery and JavaScript , compared
jQuery_Descendants3.htm
jQuery_Descendants3.txt
Traversing node with find()
jQuery_Filter_Find1.htm
jQuery_Filter_Find1.txt
attribute .first()
attribute_first1.htm
attribute_first1.txt
attribute_first2.htm
attribute_first2.txt
attribute has()
$(
'li'
).has(
'a'
).addClass(
'class1'
);
attribute_has1.htm
attribute_has1.txt
filtering with .not()
filter_not1.htm
filter_not1.txt
Compare not and has()
compare_not_has1.htm
compare_not_has1.txt
$("[class=x3]").css
filter_content1.htm
filter_content1.txt
visibility, hidden reload pages
hidden_visible_refresh1.htm
hidden_visible_refresh1.txt
Selector-API II(
TOP
)
Selector API:
jquery_selector2.htm
:animated slideToggle
animated_slideToggle1.htm
animated_slideToggle1.txt
slideToggle1.htm
slideToggle1.txt
:animate and div:not(:animated)
selector_not1.htm
selector_not1.txt
selector " = " , select all with matched values word Selector [name='value']
selector_not2.htm
selector_not2.txt
:checkbox,checked, and clear all chceked using each() funcion,below compared $('#div2 :checkbox').change with prop(). indexing checkbox
checkbox_checked1.htm
checkbox_checked1.txt
button selector , prop disabled true $('#div1 input[type=button]').click $('#div2 :button').click()
button_selector1.htm
button_selector1.txt
enabling and disabling button with $(this).prop('disabled', false); }); $(this).prop('disabled', true); });
selector_disabled1.htm
selector_disabled1.txt
disable and enable prop() $(this).attr('disabled', false) $(this).index()
enable_disable_selector1.htm
enable_disable_selector1.txt
Select select empty
selector_empty1.htm
selector_empty1.txt
detect :empty element-name, id and index
_tag= $(this).get(0).tagName;
_id = $(this).attr("id").toString() ;
enhancing empty element's properties _ltag = _tag.toLowerCase();
_index = $(this).index();
if($(this).is(":empty"))
selector_empty2.htm
selector_empty2.txt
:selector:contains, compared :not selector with and .not()
selector_contains1.htm
selector_contains1.txt
Selector -API III(
TOP
)
first(), last() methods; selector :last,
:first
first_method_and_selector1.htm
first_method_and_selector1.txt
filter .not() and :not(:first) selectors .not(":first").css(), ancestor: descendant selector $("#div1 >ul li ul li:not(:first)")
not_selector_firstMethod1.htm
not_selector_firstMethod1.txt
not_selector_firstMethod1_doc.htm
input type :file, reset() :file textbox
file_type1.htm
file_type1.txt
last-of-type and first-of-type selector
first_type_of1.htm
first_type_of1.txt
selector :focus and .focus()
focus_selector1.htm
focus_selector1.txt
selector :eq, :lt, :gt compared
selector_lt_gt1.htm
selector_lt_gt1.txt
selector :has , get attribute value get no of child element index= $("#div1 :has('p')").size() _id = $("div:has('p')").attr("id");
selector_has1.htm
selector_has1.txt
index= $("#div1 :has('p')").length
selector_has_length1.htm
selector_has_length1.txt
compared :has and has()
has_selector_filter1.htm
has_selector_filter1.txt
header, :hidden, focus(), password() selectors
header_password1.htm
header_password1.txt
multiple selector, class :selector, :root
multiple_selector1.htm
multiple_selector1.txt
selectedtarget (need to fix)
selected_target1.htm
Traversing-I(
TOP
)
traversing upstream with :eq() .find("div").eq(num)
Traversing_with_EQ1.htm
Traversing_with_EQ1.txt
detect first element : ('div:first');<jQuery('div:eq(0)'); jQuery('div:lt(1)'); lt() less than selector
Traversing_with_EQ2.htm
Traversing_with_EQ2.txt
shift to next upstream element with next()
Traverse_Next1.htm
Traverse_Next1.txt
Traverse with prev()
jQuery_prev1.htm
jQuery_prev1.txt
Traverse with prevAll(): .eq(num1).prevAll()
Traverse_prevAll1.htm
Traverse_prevAll1.txt
Travserse with prevUntill()
Travesre_preUntill1.htm
Travesre_preUntill1.txt
Traverse nextALL()
Traverse_nextAll1.htm
Traverse_nextAll1.txt
Traverse with parent()
$('#div2 a:parent').css
Traverse_parent1.htm
Traverse_parent1.txt
Traverse_parent1_Doc.htm
$('#div2 a.p2').parent().css
Traverse_parent2.htm
Traverse_parent2.txt
$("#div2 li.a31").parentsUntil(".u1")
Traverse_parentsUntil1.htm
Traverse_parentsUntil1.txt
Traverse with nextUntill();
Traverse_nextUntil1.htm
Traverse_nextUntil1.txt
Slice()
Traverse_Slice1.htm
Traverse_Slice1.txt
Traverse_Children1.htm
Traverse_Children1.txt
$("div > div").slice, $("div").siblings('.x1')
Traverse_Siblings1.htm
Traverse_Siblings1.txt
$('#div2 li').siblings(".sem1").
Traverse_Siblings2.htm
Traverse_Siblings2.txt
inheritance and descendant elements
utility each() function
Utility_each1.htm
Utility_each_doc.htm
filtering with .not()
filter_not1.htm
filter_not1.txt
Traversing-II (
TOP
)
filter first and last
$('li').first().css
filter_first_last1.htm
filter_first_last1.txt
li class="lsub1">$('li:first').css <
filter_first_last2.htm
filter_first_last2.txt
Compared li:last and li:last-child
first() and first-child()
$('li').last(), $('li').first()
compared_last_lastchild.htm
compared_last_lastchild.txt
#div1 li li:contains(2nd)
selecting content in grandchildren
$('li').has('a').addClass('class1');
filter_content1.htm
ilter_content1.txt
Attribute filer
$("[class=x3]").css OR $("[id=x3]").css
attribute_filter1.htm
attribute_filter1.txt
attribute_filter1_Doc.htm
self-removing, clearing class x3
$("[class=x3]").removeClass('x3');
add new class using addClass
$("[id=x3]").addClass('y4');
attribute_filter2.htm
attribute_filter2.txt
selecting attribute-class, then add new attribute attr() function :
$("[class=x3]").attr('id', 'x3');
use nascent id attribute, swap a class
$("[id=x3]").removeClass('x3');
$("[id=x3]").addClass( 'x4');
attribute_filter3.htm
attribute_filter3.txt
create compound classes
like: class=("x1","x2") (see images)
Compare class and id, create an id attribute using
class as a handle class Attribute inserted multiple values:
attribute_filter4.htm
attribute_filter4.txt
attribute_filter4_doc.htm
create id="x3" using a class attribute as a handle
try to push second value to id
$("[class=x3]").removeAttr('id');
attribute_filter5.htm
Animation (
TOP
)
jQuery Utility
(
TOP
)
inheritance and descendant elements
Utility_each1.htm
Compare with each
Utility_forloop1.htm
Utility_each_doc.htm
Utility_inArray1.htm
Utility_each_makeArray1.htm
Utility_makeArray1.htm
frontinterface.com
Deal with Server restrictions / JSON
add_json_MIME_IIS.htm
simple_json1.htm
simple_json1.txt
inheritance and descendant elements
Utility_each1.htm
Compare with each
Utility_forloop1.htm
Utility_each_doc.htm
Utility_inArray1.htm
Utility_each_makeArray1.htm
Utility_makeArray1.htm
data()
data1.htm
data1.txt
queue and dequeue function
queue_dequeue1.htm
queue_dequeue1_doc.htm
queue_array1.htm
!clearQueue :
clearQueue1.htm
clearQueue1.txt
queue_stop1.htm
queue_stop1.txt
merge unique append clone
merging two div element under one
merge_unique_append1.htm
merge_unique_append1.txt
merge_unique_append1_doc.htm
unorthodox results : dig deep later
appendTo : masking target while merging
merge_unique_appendTo1_doc.htm
merge_unique_appendTo1.htm
merge_unique_appendTo1.txt
grep()
event_grep1.htm
event_grep1.txt
grep(), map(), toUppercase(), trim(), substr()
event_grep_map1.htm
event_grep_map1.txt
extend() , plugins
extend_plugins1.htm
Template (
TOP
)
JSON
(
TOP
)
using each utility / for-each-loop equivalent
each_json1.htm
frontinterface.com Deal with Server restrictions / JSON
add_json_MIME_IIS.htm
simple_json1.htm
simple_json1.txt
JSON support from frontinterface.com
ajax_GlobalEvents_JSON1.htm
ajax_GlobalEvents_JSON1_docB.htm
ajax_GlobalEvents_JSON1_doc.htm
ajax_GlobalEvents_JSON1.txt
json_encode () , using post(); .serialize(); reset / document.forms[i].reset();
ajax_post_json1.htm
ajax_post_json1.txt
links.json.txt
jQuery_get_json1.htm
New window
jQuery_get_json1.htm
local
get_json1_doc.htm
jQuery:
Applied-I
(
TOP
)
jqueryajax_Your_choices.htm
Drop Menu template:
drop_menus1.htm
use $ sign JavaScript <
get element id :var $ = function (id){}
javascript_dollar_sign1.htm
javascript_dollar_sign1.txt
detect any element id
JavaScript_dollar_sign2
custom submit action using dom-id
JavaScript_dollar_sign3.htm
Validation JavaScript & jQuery
JavaScript_dollar_sign4
JavaScript_dollar_sign4.txt
jQuery validation/ click
jQuery_validation1.htm
JavaScript: Calendar 1
JavaScript_Calandar1.htm
JavaScript_Calandar2.htm
Applied-II
(
TOP
)
Date-Piker: jQuery:
Simple Format :
datepicker1.htm
datepicker1.txt
Prototype : date picker /commercial use
date_picker2.htm
Animation :JavaScript: Changing Opacity:
decrease_opacity1.htm
decrease_opacity1.txt
JavaScript rollover and sliding images:
js_image_roleover1.htm
js_image_roleover2.htm
js_image_roleover2.txt
js_carousel1.htm
js_carousel1B.htm
:slide foreground
js_carousel1B.txt
test_javascript1.htm
Applied-III
(
TOP
)
: slide background
js_carousel1C.htm
js_carousel1C.txt
jQuery:.Net slide show
Slide show with jQuery
Akax/JQuery iframe
jQuer_iframe1.htm
jQuery_iframe1.txt
jQuer_iframe2.htm
jQuery_iframe1.txt
jQuery_get_iframe_compared1.htm
jQuery_get_iframe_compared1.txt
Slides from Kerala, Goa
jquery_image_album4.htm
Youtube-slideshow
Table Free / iframe template
Getting Started:
psd_to_html2.html
For Photoshop users
psd_to_html3.htm
Infection-Immunity, Cell Biology, AM
Intracellular tubercle bacilli,
intracellular enzymes
accordion1E.html
accordion1E.txt
z-index and offset left
js_carousel1.htm
js_carousel1B.htm
js_carousel1B.txt
js_carousel1C.htm
js_carousel1C.txt
Template (
TOP
)
FrontierSoft Bare Bone-Oracle :