Basic knowledge of jquery1.jquery file Introduction, all the JS code to be written below the code below.src= ".. /jquery-1.11.2.min.js ">script> introduced jquery must be on top of the , but also on other jquery files that are introduced-- 2. Where to write jquery codeLike JS, the jquery code is also written between the type= "Text/javascript">script> jquery Select elements1. Find Elements by IDFirst write a id= "A1">div>(1) Use JS to find, take the s
block Elements :1. Occupy the entire line width
2. There are line breaks before and after
3 A complete box model structure
Inline Elements :
1. Depending on the content to determine the occupancy width
2. No Line break
3. Do not have a complete box model structure
Add:Warning1. An inline element set to Display:block is not allowed to have nested block
The function of the vetical-align is to align the inline elements vertically.Possible values
Baseline
Default. element is placed on the baseline of the parent element.
Sub
Subscript for vertical alignment of the aligned right.
Super
Superscript of vertical aligned aligned
Top
Aligns the top of the element with the top of the highest element in the row
Text-
One. Center horizontallyIn-line elements and block-level elements are different, for inline elements, simply set the text-align=center in the parent element;There are several centering methods for block-level elements:1. Place the element in the table, and then set the table's Margin-left and margin-right to auto, cent
The elements in the CSS row and block-level elements are centered.
I. horizontal center
The element in the row is different from the block-level element. For the element in the row, you only need to set text-align = center in the parent element;
Block-level elements are centered in the following ways:
1. place the elements
CSS3 can be used to show the size of sub-elements in an equal or proportional manner. css3 is used to show the size of sub-elements.
The usage is similar to the Android: layout_weight attribute of android. It is similar to the usage in Android. It is easy to remember that most of the properties are not supported by all browsers currently, therefore, all attributes must be prefixed with "-moz-" and "-webkit-
JQuery drag elements and re-sort them. jquery drag elements to sort them.
This article describes how to drag and sort elements by jQuery. The specific implementation content is as follows:
:
The details are as follows:
We can see the functions we want to implement today. When you drag an image, you can change the existing order of the image and update the order
A deep understanding of pseudo elements and a deep understanding of pseudo elementsDirectory [1] Definition [2] usage first-letter first-line before after selection [3] Highlights [4] DEMO first-word sinking nail effect image superposition effect Definition
Pseudo elements are disguised as elements but not elements, wh
Block and inline, inline and inline-block, block-level and intra-row elements, intra-row replacement and intra-row non-replacement elements, inlineinline-block
Block: the default display attribute of block-level elements is block. No matter how much content is in the block, the display attribute is always full;
Inline: by default, the display attribute of the r
Jquery filter elements (2), jquery filter elements
. Add ()Create a new object and add the elements to the matched element set.. Add (selector)Selector: the selector expression represented by a string. Find more elements and add them to the Matching Element Set.
$ ("P"). add ("div "). Add (html)HtmlAdd HTML fragments t
How to convert inline elements and block-level elements?
How to convert inline and block-level elements:
Inline elements and block-level elements can be converted to each other. The following describes the conversion method.
1. inline element conversion to block-level elemen
· DIV CSS3 processes overlapping elements and divcss3 overlapping elements
Using the top and left attributes may cause overlapping elements. You can use the z-index attribute. The z-index attribute is used to control the display sequence of overlapping elements. Elements wit
Summary of common HTML elements and their attributes, and summary of html elements
After watching the HTML video, the video is very short. It mainly describes the commonly used tags and element attributes in HTML. This is of great help to understand web development. In the previous niujiao news publishing system, a short HTML element is used, just followed by video, A lot of things about HTML do not unders
Deep understanding of the differences between block-level elements and intra-row elements in CSS (personal error points), css error-prone
Difference 1:
Block-level: a block-level element occupies only one row. By default, the width of the parent element is automatically filled with the width.
In-row: an element in a row does not exclusive to a row, and an element in an adjacent row is placed in the same
1. Each element has a display property, and the block-level element display property is generally: block, while the inline element display property is generally: inline.2. Block-level elements are exclusive to one row, while inline elements are arranged in the same row, and the lines are not wrapped. Block-level elements can be set to a height width: height,width
PHP merges the same elements in the array, and PHP merges the array elements
This example describes how PHP merges the same elements in an array. Share to everyone for your reference. Specific as follows:
About the deletion of duplicate arrays we have introduced n methods, today This example is a bit different is to delete the same
For example, in the array: {code...}, find the array element: {code...} for the sum of 100, such as array:
var arr = [99.1, 92.2, 60, 50, 49.5, 45.7, 25.1, 20, 17.4, 13, 10, 7, 2.1, 2, 1];
Find the array element with the sum of 100:
[60,20,10,7,2,1]
Reply content:
For example, array:
var arr = [99.1, 92.2, 60, 50, 49.5, 45.7, 25.1, 20, 17.4, 13, 10, 7, 2.1, 2, 1];
Find the array element with the sum of 100:
[60,20,10,7,2,1]
Function f ($ n, $ arr) {
value not as Value $ (' div:[attribute!=text] ')(4): [Attribute^=value] Select an element with value starting with value $ (' div:[attribute^=text] ')(5): [Attribute$=value] Select the element that ends with value for the attribute $ (' div:[attribute$=text] ')(6): [Attribute*=value] Select the attribute value contains the element of value $ (' div:[attribute*=text] ')Iii. Content Filter Selector (four must be remembered): Contains select the element that contains text for $ (' Div:contains (.
Block elements: Each block element occupies its own line. When n block elements occur, the n rows are accounted for.1 Address-2 BLOCKQUOTE-block reference
3 Center-Center to aligning 4 DIR-directory list
5 Div-Common block-level container, also the main label of CSS layout 6 DL-definition list
7 Fieldset-form control Group 8 form-Interactive form
9 H1-Big title-h2-Subtitle
One
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.