CSS, jquery selector syntax are similar, because of the use of a few, some selectors are often confused or forgotten, so here to understand the record under:1. Descendant element Selector ( ancestor descendant ), child element selector ( parent > Children)The same HTML code: form > name= "Son"> fieldset> name= "grandson"> fieldset >form>Descendant selector: . UL Li , can be selected to get descendants of descendant elements: [ inp
There are no events (such as Click,mouseover) in the 1,IE6/7/8/9, and Firefox/safari/chrome/opera.
Copy Code code as follows:
1
2
Example:
12
2, click Option to get the event source target via srcelement
Last week found a Baidu home page appeared a navigation column, then did not care too much. Until today, small Ye Cai suddenly found that some keywords Baidu will be added to the homepage of Baidu button. Let the leaflet think of Baidu share,
"declaration"Welcome reprint, but please keep the original source of the article →_→Life One number: http://www.cnblogs.com/smyhvae/Article Source: http://www.cnblogs.com/smyhvae/p/4048033.htmlBodyIn our previous article, we learned about Tomcat usage and engineering file deployment, and how JSP files were posted to the server and eventually displayed: Javaweb Learning (i)----JSP introduction and Getting Started (including tomcat usage)If you do not understand in this article, please review the
Directly on the code:
Copy Code code as follows:
Mouse Drag replication effect
Group One
Group 2
Group 3
1 Name one
1 name 2
1 name 3
1 name 4
1 name 5
1 name 6
2 Name one
2 name 2
The drag of a DOM node is a simple JavaScript effect, often called a drag-and-drop, that is, Drag-and-drop.
Drag and drop mainly involves three processes:
Click on the object you want to drag and drop to record the mouse relative to the drag
move them to any position. If the width and height attributes are added, then it has the features of layers. (The benefits of width and height are that they are compatible with IE browsers. The actual effects of all browsers are the same)
Block elements are generally the container elements of other elements. block
The simplest is this:
Dynamically adding onclick events:
If you use the anonymous function function () {}, the following are shown:
The above method is actually the same principle, are the values that define the OnClick property. It is
One or three large instruction elements: 1. Page directive 2. Include directive 3. Taglib instruction two or seven Big Bang element: 1. Forward Action 2. Include Action 3. Param Action 4. Plugin action 5. Usebean Action 6. SetProperty Action 7. GetProperty action three or three large script element: 1. Statement 2. Script 3. An expressionAbove to write about, specifically to be continued ...JSP three major instruction
Problem: When the fixed element is included by another fixed element, the position of the fixed sub-element in chrome will be affected by the parent element.
Demo (http://jsbin.com/qumah/1 ):
IE (IE8-IE11 effects are consistent, IE7 is not tested, IE6 does not support fixed elements) under the effect:
Chrome:
Firefox:
Safari:
Explanation: the cascading relationship is affected by the cascading cont
Block element is generally a container element of other elementsBlock elements generally start from the new line, which can accommodate inline elements and other block elements, and the common block element is the paragraph label ' P '. The block element of "form" is special, and it can only be used to accommodate other block elements.If there is no CSS, the bloc
1. What is the difference between block-level elements and inline elements?Block-level element exclusive rowInline elements can be displayed on a single line, but cannot set the upper and lower padding and margin values.2, block-level elements and inline elements of the conv
Block element)It is generally a container element of other elements. Block elements generally start from a new line and can accommodate inline elements and other block elements. Common block elements are section tags 'P. The "form" block element is special. It can only accom
Summary of line elements and block-level elements in html, and summary of html elements
I. First, let's summarize the following elements and block-level elements:
Line element:
embed an image into the webpage
Block-level elements
Summary of line elements and block-level elements in html, and summary of html elements
I. First, let's summarize the following elements and block-level elements:
Line element:
embed an image into the webpage
Block-level elements
1. Some special font styles:Indent 2 characters in first line: {text-indent:2em;}Center horizontally: {text-align:center;}Justify: {text-align:justify;}Center vertically: {vertical-align:middle;}Word spacing 2 characters: {letter-spacing:2em;}Line spacing twice times: {line-height:2;}2. The navigation bar is fixed somewhere on the page (relative to {position:fixed;left:px;top:px;}3. Block-level elements and inline
First, select elements through HTMLSelecting Elements by ID-document.getElementById (' id ') can be used to select a child element based on the ID in the current DOM tree650) this.width=650; "src=" Http://s2.51cto.com/wyfs02/M01/7E/5C/wKiom1b8_g_wmda3AAF6fOGaY80526.png "title=" Web.png "alt=" Wkiom1b8_g_wmda3aaf6fogay80526.png "/>Select elements by Tag name-Node.
We mainly summarize in jquery the sibling elements of an element, child elements and parent elements of the acquisition, the original JavaScript code for these elements of the acquisition is more cumbersome, and jquery just to encapsulate these methods, let us more convenient to get and manipulate these elements.Method
It's not easy to use CSS to center an element in a display. The same CSS centering settings in different browsers also have their own performance. This article introduces several common methods for displaying elements horizontally in CSS. 1. Centering with automatic marginThe preferred way to center elements horizontally in CSS is to use the margin property-set the Margin-left and Margin-right properties o
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.