Shulou(Shulou.com)06/03 Report--

This article mainly explains "what are the common operations of the web front end". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what are the common operations of the web front end"?

Cancel icon 1 in front of ul li

Clear the value of 1

Set the value 1

Clear the label intermediate value 1

Set the label intermediate value 1

Distinguish between html (), text (), and val (). one

Set the label to editable status 1

Set the label to non-editable status 1

Two Ajax, one A, one Benerary B will execute 2 after A finishes execution.

Time interval, executed only once, calling a function or evaluating expression 2 after the specified number of milliseconds

Time interval, execute multiple times, call function or evaluate expression 2 every specified number of milliseconds

JQuery Select all / none / invert 2

Select-Optin item 3

Keep the DIV fixed somewhere on the screen 4

Cancel the icon in front of ul li

The code is as follows:

Ul

{

List-style-type:none

}

Clear the value of value

The code is as follows:

("# city") .val (")

Set the value

The code is as follows:

$("# city"). Val (Beijing)

Clear the median of the label

The code is as follows:

("# ML1") .html (")

Set the label middle value

The code is as follows:

$("# ML1"). Html (Beijing)

When you load a value on a label again, you often have to clear the original value first

Distinguish between html (), text (), and val ().

The code is as follows:

Ccc

Text () outputs the content in the middle of the tag: 1234.

Val () outputs the value of the value attribute: bbb.

Html () outputs the entire html:ccc.

Val () is written for jQuery

Set the label to editable

The code is as follows:

$("input") .removeAttr ("readonly"); / / all input tags are editable

$("textarea") .removeAttr ("readonly"); / / all textarea (department profile) tags are editable

$("input:button") .removeAttr ("disabled"); / / all button (left and right box moves) tags are not editable

Set the label to non-editable

The code is as follows:

$("input") .attr ("readonly", "readonly"); / / all input tags are not editable

$("textarea") .attr ("readonly", "readonly"); / / all textarea (Department profile) tags are not editable

$("input:button") .attr ("disabled", "disabled"); / / all button (move left and right boxes) tags are not editable

Two Ajax, one An and one Benerary B will be executed after A has finished execution.

Because Ajax is loaded asynchronously, each Ajax executes almost simultaneously without interfering with each other, but sometimes the effect we want is that the request of one Ajax takes a value from the return value of another Ajax. There are three solutions:

1. Write the Ajax request named B in the CallBack named An Ajax

2. Write a time interval function to monitor the execution of A, and then call B after the execution of An is finished

3. Set the async of Ajax to false, but this usually requires all of them to be set to false.

Time delay, executed only once, calling a function or evaluating expression after a specified number of milliseconds

The code is as follows:

Var st o = setTimeout (function or expression to be executed at the point, millisecond unit time delay)

Window. ClearTimeout (sto) invalidates it and cancels cycle execution

Time interval, execute multiple times, call a function or evaluate an expression after a specified number of milliseconds

The code is as follows:

Varstv= setInterval ("alert ('interval 3000ms eject once!')", 3000)

Window.clearInterval (stv) invalidates it and cancels cycle execution

JQuery Select all / none / reverse selection

The code is as follows:

All election, not all election, reverse election

$(function () {)

$("# selectAll") .click (function () {/ / Select all

$("# ckList: checkbox") .attr ("checked", true)

});

$("# unSelect") .click (function () {/ / none)

("# ckList:checkbox") .attr ("checked", false)

});

$("# reverse") .click (function () {/ / reverse)

$("# ckList:checkbox") .each (function () {

$(this) .attr ("checked",! $(this) .attr ("checked"))

});

});

});

Value 1

Value 2

Value 3

Value 4

Select-Optin item

/ / all

Function All () {

Var tt = $("# st") [0]

For (var I = 0; I < tt.length; iTunes +) {

Alert (t [I] .text)

}

}

/ / currently selected

Function Aselected () {

Var tt = $("# st") [0]

For (var I = 0; I < tt.length; iTunes +) {

If (t [I]. Selected) {

Alert (t [I] .text)

Alert (t [I] .value)

}

}

}

Aaaaa

Bbbbb

Ccccc

Ddddd

Keep the DIV fixed somewhere on the screen

The code is as follows:

# low_right

{

Position: fixed

Width: 90px

Height: 90px

Background: # eee

Bottom: 40px

Right: 20px

Background-color: # DCFCE9

Border: 8px double # 06F867

Text-align: center

Padding: 10px

Margin: 10px

}

For (var I = 0; I < 100; iTunes +) {

[xss_clean] ((I + 1) + "

")

}

Lower right corner

Thank you for your reading, the above is the content of "what are the common operations of the web front end?" after the study of this article, I believe you have a deeper understanding of what the common operations of the web front end have, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.